Sent by Andrew on 27 October 2004 19:07
I have a very interesting bug (it's gotta be a bug) that I can't seem to
find any information about. It's a very simple layout, one column.
Here's the basic structure:
----------------------------------------------------------------------------
<div class="content">
<div id="regions">
<ul>
<li>yada yada</li>
<li>yada yada</li>
</ul>
</div>
<div class="client">
<a href="#"><img class="thumb"
src="../images/thumbs/profile_01.gif" alt=""></a>
<h3><a href="#">Name of client</a></h3>
<p>details info blah blah blah</p>
<ul class="horiz">
<li class="contact"><a href="#">Contact</a></li>
<li class="website"><a href="#">Visit Website</a></li>
<li class="profile"><a href="#">View Profile</a></li>
</ul>
</div>
<div class="client">
<a href="#"><img class="thumb"
src="../images/thumbs/profile_01.gif" alt=""></a>
<h3><a href="#">Name of client</a></h3>
<p>details info blah blah blah</p>
<ul>
<li class="contact"><a href="#">Contact</a></li>
<li class="website"><a href="#">Visit Website</a></li>
<li class="profile"><a href="#">View Profile</a></li>
</ul>
</div>
</div>
----------------------------------------------------------------------------
div.content #regions {
float: right;
width: 185px;
}
div.content div.client .thumb {
float: left;
width: 93px;
margin-right: 15px;
}
----------------------------------------------------------------------------
There are no other styles applied to div.content, div.client, or any
other element. Here's what happens:
In all cases, the <h3> appears in the correct location, clearing the
floating thumbnail approprately to the right. About 75% of the time,
the <p>'s and <ul>'s will show up underneath the floating thumbnail,
sliding to the left. Occasionally they will clear correctly, appearing
below the <h3> and clearing right, but for the most part it fails.
This is the only browser in which I see this result, and I've heard/seen
evidence of buggy clearing behavior in Safari. Anyone know what I am
seeing here and how to fix?
Andrew
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
