Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

IE Table Cut off

6:30 pm on Mar 7, 2011 (gmt 0)

New User

5+ Year Member

joined:Mar 7, 2011
posts: 2
votes: 0

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)

Html code
<div align=center>
<table align="center" width="90%" cellspacing="1" cellpadding="0" height="100%" class="maintable">
<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>

CSS 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 {
border:solid 1px #333333;
padding:2px 4px;
#cart_item a:hover{
border:solid 1px #DFDFDF;

[edited by: alt131 at 7:38 pm (utc) on Jul 9, 2011]
[edit reason] Thread Tidy [/edit]

7:12 pm on Mar 7, 2011 (gmt 0)

New User

5+ Year Member

joined:Mar 7, 2011
posts: 2
votes: 0

Got it figured out. Thanks

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members