Hello all.
I have yet another IE float drop challenge for you. I am aware that this comes up a lot, and I hope I'm not trying your patience by asking for help with it.
The page has 3 columns, center is fluid ('holy grail' type layout). Float drop happens when an IE user shrinks the window width to <620px, when the far right column (a PHP include called 'indexfeatures') pushes the content (a DIV called 'maintextbox') down.
What I want is that IE behave like Firefox, et al: not try to shrink content any more at a certain point, and to just add the scroll bar at the bottom.
The column layout is based on Paul O'Brien's website (link ) design.
It's pretty heavily modified, obviously, but the core concepts are there. The PHP file is here (the PHP include is the header and isn't really a problem here), the CSS file is here. I think everything is labeled well enough to understand... there's even a 'magic class' called iedropfix in there ... but it's empty :-+. We're mostly looking at'maintextbox' and how it's getting dropped by the #right DIV, the right-side include.
Currently, I have a workaround posted on the front page that uses this IE expression to define the width of 'maintextbox' using the * html hack:
width: expression(document.body.offsetWidth - 290);
My boss and I are running with that for now, but it makes the screen 'jitter' while the browser calculates the expression during a resize.
Strikes us as ugly and I've been searching for a solution ever since. I have tried the minus-margin solution around every chunk of DIVness I can think of.
I have tried this solution, the IE expresion solution I mentioned; this is where I found it.
And I'm stumped. If there's anything you want to know, please tell me. Other forums have not been able to help. I throw my misery on the forums' collective brilliance and hope!