[the.ronin]

Hi Everyone,

I’ve been banging my head trying to get my site compatible with the more popular browsers. The one that’s giving me quite a headache is IE6. Since pictures are worth a thousand words, here goes …

What it’s supposed to look like (FF2, FF3, IE7, Chrome, Safari all look like this):



What it looks like in IE6:



I suspect it is IE6 not respecting the table widths in the html. It bears noting that an image resizing script is being run. In the forums, that image is resized perfectly to the width of the forum. The page shown is driven by multiple php files which output to html pages. However the following is the shell html code which houses the main content area. I’ve truncated it here for reference:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
	<td style="width:2px;" valign="top"></td>

<!-- [+] center block area -->
	<td valign="top">
	<br style="clear:both" />

	<!-- [+] THIS IS WHERE THE MAIN CONTENT & PHOTO WOULD GO -->

	</td>
						 
<!-- [-] center block area -->
	<td style="width:4px;" valign="top"> </td>

<!-- [+] right block area -->
	<td valign="top" style="width: {PORTAL_RIGHT_COLUMN}px; padding-left:6px;">
		<br style="clear:both" />

	<!-- [+] THIS IS WHERE THE THE SMALLER MODULE BLOCKS WOULD GO -->

	</td>
<!-- [-] right block area -->
</tr>
</table>

I have tried setting the table width =”800” as well including a style+”width:550px” in the td tags with little success. Fixing the widths reduces the content area and forces the image to resize accordingly. However, the spacing of the areas are still broken up as in the image above – the content area is just narrower. I hope that makes sense.

Any advice would be extremely appreciated.

[sypher]

You shouldnt be using tables for layout

[Catalyst]

I'm not against using tables for page structure though you could do this layout without much trouble using css, but i do think you'd want to simplify the table as much as possible. I would take out the TD's that are just used for spacing and using padding or borders to get the same result, cutting it down to just the 2 columns. Aside from that width=100% can get some funny results, especially when you explicity set the width of some of the cells inside that table. I think you're going in the right direction with trying to set the table and td width.

I'm also guessing from the clear:both that you might be using floats somewhere and I think those are more likely to be causing your problem, but that's just a guess. Give that a try and we can see where to go from there.

[the.ronin]

Thank you both for your responses. Catalyst, I will definitely give that a try. Yes, floats are being used but in other pages. I will try removing those as well.

Thanks again!