Sulman Posted December 13, 2007 Share Posted December 13, 2007 Hi all, I am building a small website and I am creating the template at the moment. The template displays fine in FF & Safari but not in IE6 or IE7. Here is the site: http://www.thedevserver.co.uk/htmlprob/ In IE something is pushing the design! It's a really simple design but I'm at a loss as to how to correct the IE problem! Here is the html: <HTML> <HEAD> <TITLE>Copy of home</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <!-- ImageReady Slices (Copy of home.jpg) --> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD><IMG SRC="images/template_01.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_02.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_03.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_04.jpg" WIDTH=18 HEIGHT=540 ALT=""></TD> <TD bgcolor="#7F0029"> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD><IMG SRC="images/template_05_01.jpg" WIDTH=229 HEIGHT=97 ALT=""></TD> <TD><IMG SRC="images/template_05_02.jpg" WIDTH=448 HEIGHT=97 ALT=""></TD> <TD><IMG SRC="images/template_05_03.jpg" WIDTH=50 HEIGHT=97 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_05_04.jpg" WIDTH=229 HEIGHT=87 ALT=""></TD> <TD colspan="2"><IMG SRC="images/header.jpg"> </TD> </TR> <TR> <TD><IMG SRC="images/template_05_07.jpg" WIDTH=229 HEIGHT=306 ALT=""></TD> <TD><IMG SRC="images/template_05_08.jpg" WIDTH=448 HEIGHT=306 ALT=""></TD> <TD><IMG SRC="images/template_05_09.jpg" WIDTH=50 HEIGHT=306 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_05_10.jpg" WIDTH=229 HEIGHT=50 ALT=""></TD> <TD><IMG SRC="images/template_05_11.jpg" WIDTH=448 HEIGHT=50 ALT=""></TD> <TD><IMG SRC="images/template_05_12.jpg" WIDTH=50 HEIGHT=50 ALT=""></TD> </TR> </TABLE> </TD> <TD><IMG SRC="images/template_06.jpg" WIDTH=24 HEIGHT=540 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_07.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_08.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_09.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> If anyone can point me in the right direction I would really appreciate it! Thanks Quote Link to comment Share on other sites More sharing options...
themistral Posted December 13, 2007 Share Posted December 13, 2007 Could it be that no height is specified for the middle cell? <TD><IMG SRC="images/template_04.jpg" WIDTH=18 HEIGHT=540 ALT=""></TD> <TD bgcolor="#7F0029"> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> blah... </TABLE> </TD> <TD><IMG SRC="images/template_06.jpg" WIDTH=24 HEIGHT=540 ALT=""></TD> Also, shouldn't you declare what unit the widths and heights use - px, %, em etc. Quote Link to comment Share on other sites More sharing options...
Sulman Posted December 13, 2007 Author Share Posted December 13, 2007 Hi, Thanks for replying. Have changed all units to px and experimented with the height of the middle cell but nothing is working. Thanks Quote Link to comment Share on other sites More sharing options...
Sulman Posted December 13, 2007 Author Share Posted December 13, 2007 Solved it. It was with this line: <TD colspan="2"><IMG SRC="images/header.jpg"> </TD> I changed it to: <TD colspan="2"><IMG SRC="images/header.jpg"></TD> And it works fine. IE must treat that as a break or something Thanks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.