[thelist] IE, CSS and a feeling of futility...
Dan Parry
dan at virtuawebtech.co.uk
Tue Sep 25 08:35:03 CDT 2007
Hi all
Having an issue with IE and floats... 'Twas once my understanding that a BR
element with clear: both; declared would cause a container to drop down and
actually contain the floated elements inside... This does work for web
browsers but unfortunately not for IE
I might be missing something (a large portion of my scalp currently) or have
something misunderstood but I don't get this... Here's the CSS and markup if
someone would be kind enough to give it the once over
Markup:
<div class="searchResultsDescription">
<img src="src" alt="alt" style="height: 50px; width: 50px;" />
<p>::DESCRIPTION::</p>
<br />
</div>
CSS:
.searchResultsDescription img {
float: left;
}
.searchResultsDescription p {
margin: 0;
padding: 0;
}
.searchResultsDescription br {
clear: both;
}
At this point, the description is always shorter than the image which causes
the container in IE to insersect the image mid-point
Thanks in advance for any advice
Dan
--
Dan Parry
Virtua Webtech Ltd
More information about the thelist
mailing list