/    Sign up×
Community /Pin to ProfileBookmark

IE Table Cutoff

Ill start off and say I’m a noob when it comes to css/html. For some reason a table is getting cut off in IE but works fine in FF and Chrome and I can’t seem to find what is causing it. The last tr I can’t get to show no matter what.

For reference this is the site page with problems.(You’ll have to add a picture to your cart before you can see the form/page I’m having issues with)
[[url]http://www.sherrylynnphoto.com/photos/checkout.php][/url]

Html code

[CODE]
<div align=center>
<table align=”center” width=”90%” cellspacing=”1″ cellpadding=”0″ height=”100%” class=”maintable”>
<tr>
<td valign=”top”>
<form method=”POST” action=”checkout.php?action=complete”><table align=”center” width=”95%” cellspacing=”1″ cellpadding=”0″ height=”100%”>
<tr><td colspan =”4″ align=”center” id=”cart_item”><a href=”cart.php”>”.$cart->itemcount.” item(s) in your cart</a><br></td></tr>
<tr><td><strong>Event:</strong></td><td><input type=”text” name=”Event”></td><td><strong>Date of Event:</strong></td><td><input type=”text” name=”DateEvent” class=”date-pick”></td></tr>
<tr><td><strong>First Name:</strong></td><td><input type=”text” name=”FirstName”></td><td><strong>Last Name:</strong></td><td><input type=”text” name=”LastName”></td></tr>
<tr><td><strong>Address:</strong></td><td><input type=”text” name=”Address”></td><td><strong>City:</strong></td><td><input type=”text” name=”City”></td></tr>
<tr><td><strong>State:</strong></td><td><input type=”text” name=”State”></td><td><strong>Zip:</strong></td><td><input type=”text” name=”Zip”></td></tr>
<tr><td><strong>Phone:</strong></td><td><input type=”text” name=”Phone”></td><td><strong>Email:</strong></td><td><input type=”text” name=”Email”></td></tr>
<tr><td colspan=”4″ align=”center” id=”cart_item”><br><a href=”javascript:document.forms[0].submit();”>Submit Order</a></td></tr>
</table></form>
</td>
</tr>
</table>
</div> [/CODE]

CSS Code

[CODE]
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.maintable {
border: 1px solid #333333;
background-color: #555555;
margin-top: 1px;
margin-bottom: 1px;
}
#cart_item td{text-align:center; valign:center;height:45px;}

#cart_item a:link,
#cart_item a:visited {
color:#DFDFDF;
text-decoration:none;
border:solid 1px #333333;
padding:2px 4px;
display:inline-block;
}
#cart_item a:hover{
color:#FFFFFF;
border:solid 1px #DFDFDF;
} [/CODE]

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@tracknutMar 07.2011 — I would definitely start with getting the code to validate. As it stands, no doctype and missing <head> is going to send IE into a tizzy.

Are you building an entire photo gallery and shopping cart? Are you aware of Photocart? It's a great product for just this purpose.

Dave

Dave
Copy linkTweet thisAlerts:
@twoolumsauthorMar 07.2011 — Ill look at the validate.

Lots a background with this site....designer left the person hanging and was dropped in my lap, person doesn't no a thing about computers so things are built for them to get the pictures up in the easiest fashion (they couldn't figure out ftp even with directions). Trust me I would love to use something pre-built but everything I've tried/showed them was too complicated for them to "upload" pictures.
Copy linkTweet thisAlerts:
@twoolumsauthorMar 07.2011 — Got it, putting the doctype in did it. Ill still look at validating. Thanks a bunch!
×

Success!

Help @twoolums spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...