A design I was making for someone (on DP without them knowing) don't seem to work on IE, pictures and source below (This is IE, don't worrie about the firefox bar above its a print screen error) <html> <head> <title>Untitled-5</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 {font-family: Arial, Helvetica, sans-serif} --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Untitled-5) --> <table id="Table_01" width="781" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="123" colspan="7" bgcolor="EFEFFF"><p><img src="images/Flash-Game-World_01.gif" width="780" height="121"> </td> <td width="1"><img src="images/spacer.gif" width="1" height="123" alt=""></td> </tr> <tr> <td width="195" height="6" background="images/Flash-Game-World_05.gif"> </td> <td width="63" rowspan="6"> </td> </tr> <tr> <td rowspan="7" background="images/Flash-Game-World_05.gif" valign="top">Sports Games<br> Puzzel Games<br> Adventure Games<br> Multiplayer Games<br> Single Player games<br> <br> </td> </tr> <tr> <td height="16" colspan="4"> </td> <td width="64" rowspan="4"><img src="images/Flash-Game-World_12.gif" width="62" height="385" alt=""></td> <td><img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td width="10" height="9" background="images/Flash-Game-World_13.gif"></td> <td width="440" background="images/Flash-Game-World_14.gif"></td> <td width="4" background="images/Flash-Game-World_15.gif"></td> <td width="4" rowspan="3" background="images/Flash-Game-World_16.gif"> </td> <td><img src="images/spacer.gif" width="1" height="9" alt=""></td> </tr> <tr> <td height="423" background="images/Flash-Game-World_17.gif" bgcolor="C6CFF7"> </td> <td bgcolor="C6CFF7" valign="top"><div align="justify"><span class="style1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea </span></div></td> <td background="images/Flash-Game-World_19.gif"> </td> <td><img src="images/spacer.gif" width="1" height="348" alt=""></td> </tr> <tr> <td height="12"><img src="images/Flash-Game-World_20.gif" width="10" height="12" alt=""></td> <td><img src="images/Flash-Game-World_21.gif" width="438" height="12" alt=""></td> <td background="images/Flash-Game-World_22.gif"></td> <td><img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"> </td> <td><img src="images/spacer.gif" width="1" height="137" alt=""></td> </tr> <tr> <td><img src="images/spacer.gif" width="1" height="7" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Code (markup):
At a guess, your table column width woes are being caused by the use of row / column spans in your table - this generally does not bode well if you are using tables for layout purposes. If you insist on using tables for layout, the only way to get them to work properly is to use more tables, one after the other, rather than trying to put everything in one big table. This will also aid your page's rendering time. Try using Dreamweaver rather than IR for your design work. If you have the time, why not try using CSS for your layout? http://www.csszengarden.com...
jamieC has got a point. It appears to me that while designing for both browser, Firefox is a more accurate browser (this makes it a fussy one too). It wants you to specify width of table or cells. If not it will create a different one from what you want.