Previous Message
Next Message

How to Make Web Pages Extend to Bottom of Browser Window?

Sent by Pabini Gabriel-Petit on 7 January 2005 12:12


Hi Steve

Thanks for your suggestions. I think I've tried everything you
mentioned, but I wasn't able to get it to work. :-(

Pabini

On Thu, 6 Jan 2005 09:24:08 -0500, Steve Clay [EMAIL-REMOVED]> wrote:
> Wednesday, January 5, 2005, 7:17:50 PM, Pabini Gabriel-Petit wrote:
> PGP> Can you please tell me how I can make Web pages on which the content
> PGP> is short extend to the bottom of the browser window? At the very
> PGP> least, the footer bar should always appear at the bottom of the
> 
> Here's a loose strategy for at least getting the footer down there:
> 
> 1. Stretch your outermost container to the height of the viewport.
>    Use a standards mode doctype and give HTML, BODY and your big container
>    height:100%.
> 2. Reserve space in the bottom of the container for the footer with bottom
>    padding.  Yes, you'll have to guess the height of your footer, but you
>    can at least use ems.
> 3. Absolutely position your footer to the bottom of the container.
>    Give your big container position:relative and the footer something like:
>    #footer {position:absolute; bottom:0; left:0; right:0;}
> 
> 4. Test, test, test.  I've seen these constructions out there but haven't
>    used one myself.  I believe if you remove the overflow stuff, this is
>    probably similar and might have some documented bug fixes:
>    
>    Regardless, you can hit up the list for bug squashing.
> 
> As for the other stuff bottom-aligning, this can probably only be done in
> CSS layout with the table display properties emulating an old-school table
> layout, so, it's probably not worth the trouble.
> 
> HTH,
> Steve
> --
> http://mrclay.org/ * http://frenchhorns.mrclay.org/
> 
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 


-- 
_________________________________

Pabini Gabriel-Petit
Principal & User Experience Architect
Spirit Softworks
www.spiritsoftworks.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: