Can anyone help me out here? The layout works fine for FireFox and safari but doesn't display right in IE. here is how it displays in ie > http://www.adsdesigned.com/test.gif and here is the code <head> <style> A:link {text-decoration: none; color:#FF3300;} A:visited {text-decoration: none; color:#FF3300;} A:active {text-decoration: none; color:#0099CC;} A:hover {text-decoration: none; color:#0099CC;} </style> <title>Balanced Output - Gallery</title> </head> <BODY topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor="#373737"> <center> <table border="0" width="737" bgcolor="#373737" cellspacing="0" cellpadding="0" valign="top"> <tr> <td width="737" height="1%" valign="top"> <img src="images/row1column1.gif"> </td> </tr> <tr> <td> <table border="0" width="737" height="1%" cellspacing="0" cellpadding="0"> <tr> <td width="586" height="1%" > <img src="images/row2column1.gif"> </td> <td width="76" height="1%" > <a href="http://www.who-made-me.com" alt="Who made me?"><img src="images/row2column2.gif" border="0"></a> </td> <td width="75" height="1%"> <img src="images/row2column3.gif"> </td> </tr> </table> </td> </tr> <tr> <td width="737" height="1%"> <img src="images/row3column1.gif"> </td> </tr> <tr> <td width="737" height="1%"> <table border="0" width="737" height="1%" cellspacing="0" cellpadding="0"> <tr> <td width="174" height="1%"> <img src="images/row4column1.gif"> </td> <td width="72" height="1%"> <a href="index.html" alt="home"><img src="images/row4column2.gif" border="0"></a> </td> <td width="88" height="1%"> <a href="aboutus.html" alt="about us"><img src="images/row4column3.gif" border="0"></a> </td> <td width="74" height="1%"> <a href="equipment.html" alt="equipment"><img src="images/row4column4.gif" border="0"></a> </td> <td width="81" height="1%"> <a href="clients.html" alt="clients"><img src="images/row4column5.gif" border="0"></a> </td> <td width="76" height="1%"> <a href="gallery.html" alt="gallery"><img src="images/row4column6current.gif" border="0"></a> </td> <td width="76" height="1%"> <a href="contact.html" alt="gallery"><img src="images/row4column7.gif" border="0"></a> </td> <td width="75" height="1%"> <img src="images/row4column8.gif"> </td> </tr> </table></td> </tr> <tr> <td width="737" height="38"> <table border="0" width="737" height="1%" cellspacing="0" cellpadding="0"> <td width="176" height="38"> <img src="images/galleryheader.gif"> </td> <td width="474" height="38" align="center" valign="top" bgcolor="ffffff"> <marquee>Scrolling news goes here . . .</marquee> </td> <td width="87" height="38"> <img src="images/row5column3.gif"> </td> </table></td> </tr> </table></td> </tr> <tr> <td width="737" height="1%"> <table border="0" width="737" height="289" cellspacing="0" cellpadding="0"> <tr> <td width="153" height="1%" align="center" valign="top"> <img src="images/leftside.gif"> </td> <td width="474" height="1%" align="left" valign="top" bgcolor="ffffff" background="images/fadedbackground.gif"> <font size="-2" face="tahoma"> <p>   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam vitae orci. Sed et magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi dignissim. In magna. Vivamus ut velit eu quam euismod accumsan. Nulla pretium pretium ipsum. Ut eget lorem dapibus nisl dapibus imperdiet. Curabitur egestas lacus non eros gravida consequat. In hac habitasse platea dictumst. </p> <p>   Quisque non nulla. Nam in felis. Donec pulvinar. Suspendisse dolor turpis, interdum id, imperdiet sed, ullamcorper at, ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum cursus libero. Integer blandit. Aliquam erat volutpat. Praesent sodales mi sed turpis. Duis lobortis ornare est. </p></td> <td width="155" height="289" align="center" valign="top" cellpadding="0" cellspacing="0"> <img src="images/rightside.gif"> </td> </tr> </table></td> </tr> <tr> <td width="737" height="40"> <img src="images/footer.gif"> </td> </tr> </table> </center> </font> </body> </html> Code (markup): I'll paypal $2 to the first person to help
the original is supposed to not have the 10px or so gaps between each row. Tried your tip tgo, no luck with that.
Try putting all of the </td>'s up on the same line with the images in your html. Example: change this: <img src="images/row2column3.gif"> </td> to this: <img src="images/row2column3.gif"></td>