Flexible Fluid 960 - IE7 Width Error

Question

I seem to have a problem with the 960 fluid mesh, where in IE7 with a very intermittent width it pushes the 3rd column (3rd column layout) below the 1st and 2nd columns. It seems to work fine in every browser.

I can’t fix it.

To showcase the following videos for 20 seconds : http://dl.dropbox.com/u/4221318/ie7-fluid-960/960gs.flv

And the test page : http://jsfiddle.net/Tribal/EwQUB/ . I use div.col nested div to allow me to add on div.grid_4. I tried to remove .col styles, but this does not solve the problem.

Thank you for your help,

Sam

Answer 1

At any time, when you have several elements, be sure to use the additional classes alpha and omega.

Alpha is for the first element, and omega is for the last. These classes specify a valid marker of 0.

See the updated script: http://jsfiddle.net/7Eq4e/1/

and css, which include:

/* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; }