View Full Version : IE CSS bug work around help

02-06-2004, 04:54 AM
Hey, I was trying to transform an existing table layout into a non-table layout (using DIVs and such). I have the layout looking fine and working good in mozilla, but in IE 6 it messes up a little bit.

The page looks fine with the window opened wider than the page content, but as soon as you resize the window to a size smaller than the content, my DIVs shift around a bit.

Now, I know IE is buggy when it comes to CSS but I also know that there are hacks to make IE work a little better.

What I am asking of you all, is a little help in correcting this resize problem I am having in IE.

The page can be found here: http://www.ez4me2c3d.com/user_made.php


02-06-2004, 12:37 PM
Seems to be a width problem; as far as I know, IE6 implements the correct CSS box model, but since you've set some of your divs to fixed widths, and use relative measurements here and there too, it's hard to figure where exactly it goes wrong.
You could make your boxes more visible by coloring their background; also, try to be conservative with widths and other measurements (margin, padding) at first to see if that eleviates the problem. Once the layout behaves as it should you can start tweaking.
Have two fixed witdh boxes next to eachother is bound to behave strangely in smaller windows, though; consider making your content box fluid.

P.S. Great job on semantic coding there! Just whack on a doctype so you can validate your source, too.
Oh, wait, that's probably what throws IE6 in quirk's mode! Définitely add a doctype (XHTML1.0 strict should do nicely) and see what happens.

02-06-2004, 11:44 PM
Thanks for the input, but I have tried that already with no success. It just bothers me that mozilla displays it fine and IE doesn't. As far as I know, the code isn't faulty, I'm almost positive its the browsers fault.

Anyway, if anyone else wants to give it a shot, you can also edit the page here: http://www.ez4me2c3d.com/user_edit.php

Thanks again