Home/ Questions/Q 7595101
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T21:35:17+00:00

I have a page with three columns. Left and right are floated and the

  • 0

I have a page with three columns. Left and right are floated and the middle is centered with margin auto 0 and overflow hidden to make it fluid. I have been stumbling for hours and can not figure this out :/

I’ve even tried changing to several doctypes.

I’ve whittled down the page to this:
http://dl.dropbox.com/u/1407764/www/stackoverflow/margin-0/details.html

Any ideas????

Firefox Screenshot

enter image description here

******************** Edit *******************
This problem only happens when the browser is wider than 1300 pixels or so.
Update… IE7 works fine, IE8 does not… but if you click compatibility mode, it works!!????

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve downloaded your page and wrapped col2 into a <div> with no max-width and left/right margins exceeding the widths of the respective floats. It worked in IE8 standards mode.

    • 0