homepage Welcome to WebmasterWorld Guest from 54.146.175.204
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
IE Table Cut off
twooly



 
Msg#: 4277911 posted 6:30 pm on Mar 7, 2011 (gmt 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">
<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
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;
}

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

 

twooly



 
Msg#: 4277911 posted 7:12 pm on Mar 7, 2011 (gmt 0)

Got it figured out. Thanks

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved