[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