Alan Pennell-Smith wrote:
> Hi,
>
> My first post so please be kind :)
>
> Working for a building developer we're trying to create a nice
> representation of apartment blocks to show all the plots in the building.
> So I decided to use a defintion list. I'm getting desired results in
> Firefox, Safari and Opera but good ol' IE (6 & 7) is being a pain as usual.
>
> The problem seems to stem from IE not clearing the DD's (clear:left is on
> the DT);
>
> My example is here (it's still a bit raw, but the main problem exists):
> http://www.berkeleyhomes.co.uk/dl_floats.htm
IE does not respect float and clear on the same element, the following
elements do not get this clear [1].
You could add an invisible dd.eol and apply float:none to it.
dd.eol {float: none !important; visibility:hidden;}
<dd class="eol"><hr /></dd>
Ingo
[1] http://www.brunildo.org/test/IEWfc.html
--
For various reasons, please hit reply-all when answering to this list,
thank you.
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
