cj wrote:
> On 5/16/06, Stephen Cunliffe <[EMAIL PROTECTED]> wrote:
>> Hi all,
>>
>> I'm looking for info on the options for providing a CSS "demension" that
>> is 100% (minus X pixels)
>>
>>
>> E.g. If I have a fixed height header, of 50px, and I want a body below
>> that, that is 100% of the remaining browser viewport (e.g. 100% - 50px)
>>
>> Is there a way to accomplish this (note: without using proprietary
>> expression()'s etc.)
>>
>>
>> I know I can make this work with a table, but, I'm trying to avoid this.
>
> <div class="fixed">some text</div>
> <div class="fluid">some more text</div>
>
> .fixed {float: left;width: 50px;}
> .fluid {margin-left: 50px;}
Note: He said *below*.
A similiar solution will not, if I remember correctly, work. I think
that some more information would be useful however. Do you want your
columns to always fill the browser window, do you want your footer to
stick to the bottom...there are many possible interpretations for this.
One /possible/ solution is to use "sticky" footers; Cameron Adams has an
article here [1]. This will always ensure that your column "stretches"
to fill the browser viewport, regardless of whether or not you have
content there, and will keep your footer at the bottom. Read through the
comments though, as there are some common problems which are fixed there.
Regards,
Rahul.
[1] http://themaninblue.com/writing/perspective/2005/08/29/
______________________________________________________________________
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/
