display issue

[pixel69]

Hi,

I've designed this website

http://www.purepilates.co.za

using mainly CSS and Div's. It displays fine in IE 7 as well as firefox, but when i use IE 6, it looks a bit destorted. Is there a way to fix this display bug for IE 6? I'm not keen in redoing the website using tables!

please assist!

 

[Vragabond]

Your table (why use a table there) is too big to fit next to the menu, so it falls down. While IE7 and FF don't mind if something hangs over, IE6 will expand the parent to make it fit. Try making something in the table smaller and see how much you need to make it smaller to make it fit.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[pixel69]

I'm so used to using tables in all my previous websites, and I'm trying to move to using div's. So this is kinda a new transition for me!

What do you suggest i use there then? Replace the table? Use % instead of px??

thanks

 

[Vragabond]

Remove the table and use floated divs. Make sure that containers (and everything in them) are not too big to fit side by side with the menu.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[pixel69]

so i need to create the content container as a DIV and float it to center etc and adjust the width accordingly?!

i've downloaded IE6 again, so that i can elliminate the issue.

thanks!