resizing window screws page layout

only in ie, Firefox is fine

[HelenDev]

I have a layout where I have a centered wrapper (90% width) inside which is a left and right column. The left column has 25% width and the right has 75% width. This works fine in Firefox and is mostly fine in ie but...

When resizing the window, the left column sometimes moves underneath the right one. The page is OK at 800x600, and OK at bigger sizes too, it's just in between, if you resize the window, at certain points the layout breaks.

Does anyone know how to fix? I don't want to change my percentages to add up to less than 100% as it would break the layout, but is this the only way?

[SuzyUK]

there might be.. but it really depends on the layout

try adding a right margin of -1px to the left column

it's possibly a rounding difference in calculation, it might need 1px or possibly 2, play around with negative 1px margin on both columns see which one suits layout best, usually one of them will help and will not be noticeable in the layout

Suzy

[HelenDev]

Suzy, I bow to your superior knowledge...

adding the -1px margin to the left column worked a treat!

Thanks :)

[edited by: HelenDev at 10:00 am (utc) on Mar. 8, 2007]