IE & Table woes

[barnsleydj]

Just remade my websites layout using <div>s and css, its a 2 column layout and i'm using float:left to get the left column into place and left padding on the right column to push that into place.

The problem is if i use <table width="100%"> it ignores this right padding and pushes the whole of the site out of place on the right.

Is there anyway i can stop the tables doing this when using width="100%"?

Obviosly the better browsers (firefox and opera) handle this properly.

Thanks in advance

[edited by: SuzyUK at 9:49 pm (utc) on Feb. 4, 2008]
[edit reason] Please No URI's [/edit]

[SuzyUK]

Hi barnsleydj and Welcome to WebmasterWorld!

sorry no site reviews here, please read the two posts pinned to the top of this forum for more, you will find part of your answer.

Obviously the better browsers (firefox and opera) handle this properly.

IE7 is now included in the "better browsers" phrase as was IE6 in strict rendering mode.. so if it's not working in either or both of those two

What's your Doctype? [webmasterworld.com], is it IE6/7 CSS friendly?

then you might want to check up the CSS Box Model and why this is so important in the first place ;)

[barnsleydj]

First i apologize for the urls. I should have read the rules before i started posting =).

Thanks for the link to that topic Suzy, brilliant read and i finally understand the importance of the doctype tag. I read through the guide and found the correct one for my site and the tables all align correctly now.

:)