Previous Message
Next Message

ie6 pushing down everything

Sent by Rosemary Probert on 21 May 2007 14:02


Hi Jens,

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
> browser.
> 
> 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 :-)

Kind regards,

Rosemary

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: