CSS question

T

tench

Registered
I discovered a really cool page describing how to use css instead of frames, including fixed footers and headers. For the page, click here.

The problem is, however, that if the content is shorter than in the example page, the content area does NOT stretch between the header and footer. The result is disappointing: see here

Is there anybody who knows how this could be fixed?

All best,
tench
 
Currently it's the unordered list at the bottom that's killing you. Put a simple <p>test</p> after the UL before closing the div, and she works fine.

I assume this is a margin issue which is causing the grey to show through on the LI. I didn't look to far into it though, not much time to right now.

Now, if you really shorten it up there is nothing you can do about it not stretching using the current CSS. This page is using absolute positioning for the header and footer, and the way it's setup is assuming that the content div will always be longer than available screen space.

There are other methods for getting a similar look, but nothing is perfect. You'll have to decide which is more important to you. If you know you'll have alot of content on each page, then I wouldn't worry about it. This one seems to be designed well, and is well supported among browsers (even IE5 and NN4).
 
You must log in or register to reply here.
Back
Top