Simon Kerr wrote:
> http://www.i4cevents.com/new/pages/index.htm

The height of body computes to 0 because all children are positioned 
absolutely here, they do not cause body to expand.

The height calculation of the main wrapper, #foreground, calculates with 
respect to the nearest ancestor -- in IE.

70% x 0px = 0px. #foreground gets a height of 0px.

What went wrong is that IE treats body as root element.

What should happen is that the percentage height is calculated with 
respect to the nearest /positioned/ ancestor, otherwise with respect to 
the initial containing block of html.

The same behavior could be simulated in the other browsers by giving 
position:relative to body.


You could give a height of 100% to body in IE-only. In my test case, 
something appears, but it doesn't look as intended.


If this is your first attempt, my advice would be to abandon transparent 
png hacks and absolute positioning. Too many troubles.


Ingo

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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