Previous Message
Next Message

Layout with footer and static header....

Sent by Zoe M. Gillenwater on 20 December 2004 15:03


Daniel Fortier wrote:

>1- The page must be separated in 3 rows : header, middle content part
>and footer.
>
>2- the header must be of static height, about 90 px.
>
>3- the middle part and the footer must extend to the bottom of the
>page, the footer taking 40% of the space left and the middle part 60%.
> No matter what content i have, the footer must go down to the bottom
>of the window, and never go below it, like in any footer tutorial i
>saw...
>  
>

You don't say what you want to happen if you have more than 60% worth of 
content to display.  Do you want the extra to display below the footer, 
so you have to scroll the browser to see the end of it, and as you 
scroll the top portion displays under the header as well?  Or do you 
want only the middle section to have a scroller?

Either way, you need to use fixed positioning on both the header and 
footer, plus the hacks for IE.  See here for more:

http://css-discuss.incutio.com/?page=FixedLayouts

If you have trouble applying these techniques, post a page that shows 
what you have so far and we'll help you get it working.  The layout you 
are describing is very doable -- it just requires some hacks.

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
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: