Mark Renn Caluag wrote:
is there a way to this
<div id="sidebar">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh....
</div>
<div id="content">
<div id="main-article">
<img src="something.gif" />
<h3>title</h3>
<p>....</p>
<div class="clearleft"> </div>
</div>
<div id="others">....</div>
</div>
#sidebar {
width: 150px;
float: left;
}
#content {
margin-left: 160px;
}
#main-article img {
float: left;
}
.clearleft {
clear:left;
}
doing this pushes #others below the height of #sidebar.
i only want to clear the float of the image. is there anybody
here who can lead me to the right way of doing this?
You need to float #content to the left as well. That will make any
clears within it only apply to floats within it.
Zoe
--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
