Jump to content

[SOLVED] IE not displaying simple tables correctly


Sulman

Recommended Posts

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

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.

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.