Just to let folks know, I found the answer for myself. If I absolutely position the left nav (I know!), then IE behaves itself. I have to do some compensating negative margins, and hack specifically for IE, plus I then have to use a container in order to get the footer to position correctly below the leftnav, and I doubt it works well in IE5.0, but it does the trick for this particular urgent need.
I look forward to a general reconstruction of the site! >>> On 7/25/2006 at 9:37 AM, in message <[EMAIL PROTECTED]>, "Michael Landis" <[EMAIL PROTECTED]> wrote: > On 7/25/06, Skip Knox <[EMAIL PROTECTED]> wrote: > >> I have inherited a design where the content div pops down below the >> leftnav div when the user shrinks the window sufficiently. This happens >> in IE but not in Firefox. If you promise to say absolutely nothing about >> the stylesheet (not my work!), here's a url: >> >> http://webtest.boisestate.edu/chartingthecourse/graphical.shtml >> http://webtest.boisestate.edu/chartingthecourse/styles/main.css >> >> I don't want you to "fix" the code because the stylesheet's a mess and >> needs a thorough re-work. But I can't take time to do that right now, >> for this is an extension to an existing site and they've not encountered >> the problem because they haven't slapped a 700px-wide graphic anywhere >> until now. > > Hi, Skip, > > I'm not aware of any CSS-specific fix to this. IE < 7 simply breaks > the rules about floats, and this is the result. > > I have seen different float column models that treat this scenario > differently, though. One True Layout[1] and other layouts using > negative margins push the left column to the right, rather than > dropping it below the main column, for example. > > I've used JS to fix this in the past, where on load and resize I check > to see if the left column is moving to the right. If it does, I set > the floats' wrapper to equal the sum of the columns' widths. If the > window larger than the ssum of the columns' widths, I change the > wrapper width to "100%". > > May not be the most elegant solution, but I hope it gives you some ideas. > > Michael > > [1] http://www.positioniseverything.net/articles/onetruelayou -- Skip Knox Boise State University [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
