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]
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>
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;
}