ansaurus

Question

obtain height to position a div in absolute mode

Answer 1

+2 A:

Bear in mind that "position: absolute" is actually relative to the first ancestor of the element that has a position value other than "static" (see point 4 in http://www.w3.org/TR/CSS2/visudet.html#containing-block-details). So maybe you have this situation and the "bottom" is measuring from some other element rather than html/body.

fd 2009-06-02 16:22:16

It is a position value that is not "static" (not that I'm aware of any element in any browser that doesn't use that as the default)

David Dorward 2009-06-02 16:26:31

Thanks, just confirmed with CSS spec

fd 2009-06-02 17:52:45

yeah! you were right.. adding position:relative to body solved the problem for me!thank you very much.

Andy 2009-06-02 17:55:46

Answer 2

+1 A:

First off, the only way JS works in CSS is via "expression" which is IE only, secondly this would require your users also had JS turned on.

pos:abs removes the element from normal layout and places it with respect to the nearest absolute or relative parent. If you're in strict or transitional xhtml, bottom will absolutely work if you just make the body relative too:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html>
    <head>
     <style>
     body {height: 9000px;position:relative;}
     #a {position:absolute; bottom:0px;}
     </style>
    </head>
    <body>
    <div id="a">bottomDweller</div>
    </body>
</html>

annakata 2009-06-02 16:34:11

ansaurus

tags:

views:

answers:

obtain height to position a div in absolute mode

related questions