Using clearing elements to prevent margin collapse

Sent by Andy Budd on 12 July 2004 10:10

Hi Michael,

Whenever 2 margins touch they collapse. If you're div doesn't contain 
any real content then the top margin will collapse into the bottom one. 
This is why you're top set of examples don't work but your bottom set 
does.

see

http://www.andybudd.com/archives/2003/11/no_margin_for_error/index.php

for a better explanation.


Michael Ryznar wrote:

> In terms of using a clearing element to prevent margin collapse 
> surprisingly these common clearing techniques do not work:
>
> <div class="clearer">&nbsp;</div>
> <div class="clearer"><!-- --></div>
> <div class="clearer"></div>
> <br class="clearer" />
>
> However these clearing elements do work:
> <div class="clearer">b</div>
> <div class="clearer">d</div>
> <div class="clearer">g</div>
>
> Very strange. Obviously there needs to be something substantial in the 
> clearing element. But why do only certain characters work?

Andy Budd

http://www.message.uk.com/

______________________________________________________________________
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/

Message thread:

• Using clearing elements to prevent margin collapse - Michael Ryznar, 11th July 2004 01:30
  • Using clearing elements to prevent margin collapse - IChao, 11th July 2004 08:35
  • Using clearing elements to prevent margin collapse - Andy Budd, 12th July 2004 10:29
    • Using clearing elements to prevent margin collapse - Philippe Wittenbergh, 12th July 2004 15:00
  • Using clearing elements to prevent margin collapse - Steve Clay, 12th July 2004 14:09

Possibly related:

• Using clearing elements to prevent margin collapse - Michael Ryznar, 12th July 2004 21:54
• Using clearing elements to prevent margin collapse - Philippe Wittenbergh, 13th July 2004 01:14
• Using clearing elements to prevent margin collapse - Bruno Fassino, 13th July 2004 12:12
• Using clearing elements to prevent margin collapse - Michael Ryznar, 17th July 2004 02:14
• Using clearing elements to prevent margin collapse - Philippe Wittenbergh, 17th July 2004 05:14
• Using clearing elements to prevent margin collapse - Bruno Fassino, 19th July 2004 22:31
• Using clearing elements to prevent margin collapse - Philippe Wittenbergh, 21st July 2004 18:37
• Using clearing elements to prevent margin collapse - Bruno Fassino, 21st July 2004 18:59