First, thank you guys for being so helpful. I've greatly appreciated
the assistance you've given me.
Well I'm stumped again. I'm having a problem with clearing a small
floated div that contains one image and a brief caption underneath.
The div floats just before a paragraph, which wraps nicely around
it...except for the bullets of the UL that's within that paragraph.
They get caught behind the caption only.
Here's what it looks like and here's the CSS.
I read a great article about clearing HERE but it doesn't seem to
work for this unless I bungled the directions. Specifically, I added
this to my css page and then included the selector "clearfix" in the
div:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
And here's the html:
<div id="inlinePhoto" class="imageLavendarWomen clearfix"><h4>Pioneer
Founders are instrumental in providing leadership and direction to
the Foundation</h4></div>
Also, notice that in the html I put this for the floating div. It has
an ID as well as two classes. Is this a bad idea?
Thanks,
Raymond
______________________________________________________________________
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/
