Please excuse me for butting in here, but I'm very much a learner
with CSS, especially with positioning elements, and I'd like to be
able to understand this a little more.
> 1. Images are not block elements, so applying float to them will
> trigger funny experiences with some browsers. So either add display:
> block to the css or build a wrapper div around the images.
Does this mean it's a good idea to add display:block to all floated
images? Are there any drawbacks?
> 2. Your clearing div is causing the space problem, since IE will
> reserve some space inside that div, due to default line-height,
> font-size and so on and even some default height, added by the
> So reduce those to 0 or 1px, or something similiar or you can also add
> a "<!-- -->" comment inside the div to counter the problem. So that IE
> will know, hey there is really no content inside this div, so i don't
> need to set any default values.
So, would you write it like this:
<div class="clear"><!-- --></div>
Sorry if I'm a little slow :-)
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/