Re: [css-d] Top margin not set properly.

2009-03-06 Thread Vladislav Vladimirov 
 Top margin not set properly.
 Check the code at
 http://pastie.org/409144

Do you pay per word for this email? :) From that scarce information
you gave I *suppose* you have a margin collapse issue. I suppose you
are wondering why the outer-container does not stick to the body
top, even though the body has margins top and bottom set to 0. This is
due to the margin-top of the P element being passed on to the adjacent
inner-container, which in turn passes it on to the adjacent
outer-container, which in turn passes it on to the adjacent BODY
element. So, you are having a margin-top for the body equal to the
margin-top of the P element. In order to cope with this you have to
break the 'adjacent margins chain'. I suggest setting the margin of P
to 0, and using padding instead (like P {padding: .5em 0;})

Regards,
Vladislav Vladimirov
http://ovalpixels.com/
What is success is inevitable?
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Top margin not set properly.

2009-03-06 Thread Ian Young 
 Subject: [css-d] Top margin not set properly.
 
 Top margin not set properly.
 
 Check the code at
 http://pastie.org/409144
 

You might want to try
.outer-container{min-height:100%;background-color:#FF;overflow:hidden}
Georg helped me with this last week.
Not sure if your min-height:100% works either.

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Top margin not set properly.

2009-03-06 Thread Kanakaraj Venkataswamy 
On Fri, Mar 6, 2009 at 3:22 PM, Vladislav Vladimirov vladk...@gmail.com wrote:

  Top margin not set properly.
  Check the code at
  http://pastie.org/409144

 Do you pay per word for this email? :) From that scarce information
 you gave I *suppose* you have a margin collapse issue. I suppose you
 are wondering why the outer-container does not stick to the body
 top, even though the body has margins top and bottom set to 0. This is
 due to the margin-top of the P element being passed on to the adjacent
 inner-container, which in turn passes it on to the adjacent
 outer-container, which in turn passes it on to the adjacent BODY
 element. So, you are having a margin-top for the body equal to the
 margin-top of the P element. In order to cope with this you have to
 break the 'adjacent margins chain'. I suggest setting the margin of P
 to 0, and using padding instead (like P {padding: .5em 0;})

 Regards,
 Vladislav Vladimirov
 http://ovalpixels.com/
 What is success is inevitable?

Vladislav Vladimirov, apologies and
thanks for your sharp response. it really helps me.

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/