By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
429,615 Members | 1,961 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 429,615 IT Pros & Developers. It's quick & easy.

Tough float-drop / min-width issue - all code available, etc

P: 1
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!
Oct 17 '06 #1
Share this Question
Share on Google+
1 Reply

Expert 5K+
P: 7,435
Validate your html and fix your many errors. This is not even correct html much less Xhtml. Misplaced tags, non-existant attributes, etc.
Oct 17 '06 #2

Post your reply

Sign in to post your reply or Sign up for a free account.