Set element height to 100% - 50px

Is there a way to set the height of an element to 100% - 50px without
having to run some javascript to do it? Basically I want to tell the
element to be as high as the window allows but start 50 pixels up from
the bottom of the window.

With frames you can do something like rows="*,50"

Andrew Poulos

Andrew Poulos <ap_prog (AT) hotmail (DOT) com> wrote:

Is there a way to set the height of an element to 100% - 50px without
having to run some javascript to do it? Basically I want to tell the
element to be as high as the window allows but start 50 pixels up from
the bottom of the window.

position:absolute;top:0;right:0;bottom:50px;left:0

But don't expect that to work in IE.

--
Spartanicus

Wed, 08 Mar 2006 23:48:50 +1100 from Andrew Poulos
<ap_prog (AT) hotmail (DOT) com>:

Is there a way to set the height of an element to 100% - 50px without
having to run some javascript to do it? Basically I want to tell the
element to be as high as the window allows but start 50 pixels up from
the bottom of the window.

Why not margin-bottom:50px or padding-bottom:50px?

But please think and think again before denominating any measurement
in pixels (or points, for that matter). Almost every time somebody
posts a use of points or pixels on this newsgroup, it ought to be em
or % instead.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you