1 reply [Last post]
Nodoka
Offline
newbie
Last seen: 18 years 10 weeks ago
Joined: 2004-07-26
Posts: 7
Points: 0

I'm trying to dump my existing frames-based layout in favor of css that does pretty much the same thing, and am running into a problem: the content div is too tall! I've got a header that will contain a fixed-height image, a footer that will also contain an image, a fixed-width nav on the left, and a content box. What I want is for this page to fill the viewport regardless of window size or screen resolution, with the footer sitting at the bottom of the viewport and the content box taking up 100% of the height between the bottom of the header and the top of the footer. The content box (or the iframe it will eventually contain) should be the only thing that has a scrollbar.

For some reason, the content div is too tall - it pushes the footer down below the bottom of the viewport, in both IE and Firefox. How do I get the page to stay viewport height without defining a fixed height in pixels?

See it at http://www.storyanime.com/workstuff/barebones.htm. I made all the divs different colors so I could see them.

Nodoka
Offline
newbie
Last seen: 18 years 10 weeks ago
Joined: 2004-07-26
Posts: 7
Points: 0

Too-tall divs

Woops, somehow the period got into the html code on that url. Try it without: http://www.storyanime.com/workstuff/barebones.htm