Hi David and Georg, many thanks for you replies and help, I really
appreciate the pro assistance. :)
> A clickable link to the specific page in question to the list is
> always to your advantage. Or, is it?
Doh! Sorry about that. I actually do have a demo page, but for some
reason I didn't post a link to it.
"Clearing floats in IE 7 and below..."
A few interesting things to note:
In IE7 (and probably below, I did not check IE6), when the floats were
not contained by a parent div, I got about 50px of a gap between top
and bottom floats. I eventually found this helpful page:
... which describes the problem; I needed a container div. I had never
run into this bug before - then again, I normally have containers
around my floats (If it was not for putting together a simple demo
page, I probably would have never discovered this interesting bug.)
At one point, this bit of info helped:
"IE 7 clear:both not working"
... but it felt like more of a mysterious hack than an actual fix.
Interestingly enough, IIRC, if #stuff <div> has "clear:both", and
there's a "float:right" preceding it, then everything works great...
"clear:both" fails if the the float above is floated right.
I think this page describes the problem:
"A float having the clear property (value both) only clears preceding
floats of its same direction (left/right.)"
... Now, that's good to know. :D
Thanks for the tips Georg! So you're saying:
/* ... */
clear: both; /* Causes bugs in IE < 8. */
(I know, it's a hack... For the sake of demo, I hope ya'll don't mind.)
The above sounds good to me! In fact, I think my gut was telling me to
do this at one point, but in every browser I tested (sans IE < 8) not
having "clear:both" worked, so I figured it was superfluous (in this
test case, that is). On the other hand, having "clear:both" don't hurt
none, so what the heck, right? :D
Thanks again folks! I really appreciate the help!
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/