Hi

Recently I've been moving from 'px' based sites and onto more fluid  
and elastic layouts. I've just been playing around with using %  
heights and margins in the following document:

http://sixtyten.co.uk/test.html

Basically, it's a <div> nested inside a container <div>. I've set a  
height and width for the container div in %, and then applied a  
similar format to the nested div... this has all worked fine. However  
the problem comes when I set a top-margin of 50% to the nested div.

Theoretically I would have thought the nested div would have though  
calculated the 50% from it's parent, however that doesn't seem to be  
the case and looks as though it's getting it from the body.

Maybe I'm just confused about how this should work and any advise or  
links to explaining why this is happening would be greatly appreciated.

Thanks
Lee
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to