I'm very familiar with float drops, but this one has me puzzled. It happens only periodically, but not dependent on changing the text size or narrowing the browser window, but rather just when refreshing the page. If you refresh the page over and over, it will be fine about 4 times out of 5, but that other one time there will be a drop.
It happens to the white box labeled "HSRC Project Areas" here: http://www.hsrc.unc.edu/index.cfm It occurs in both IE6 and IE7, but in IE6 when it drops it immediately jumps back up, but in IE7 it stays dropped until you refresh again. It acts as though the paragraph, which is floated, is too wide, but it never gets any wider from one refresh to the next. If I float the ul (which makes up the white box that drops), it doesn't cure the drop, which helps confirm my suspicion that it has something to do with the floated paragraph. If I make the paragraph absolutely positioned [2], the drop never occurs: another confirmation that the drop happens because of the paragraph, because when its removed from the flow and the ul doesn't know about it, the ul doesn't drop. The typical fixes haven't worked so far. The paragraph already has layout, because it has a width set. The other magic fix of position: relative didn't help. The relevant styles for this area of the page are in this style sheet, starting at line 631 (yes, I prefer to keep things in one big sheet): http://www.hsrc.unc.edu/css/hsrc-global.css Does anyone have any ideas? Zoe [1] Float drops are when content adjacent to a float drops down below the float, not when the float itself drops. Something of a misnomer, I know. [2] I used to have the paragraph absolutely positioned, but this wouldn't allow the brown box to grow with the text as it increased in size. I think I'm more willing to have a periodic float drop than a periodic text overflow, so I don't want to go back to the absolute positioning. -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
