Neverside

Repeat-Y with CSS and 100% Window Height

Hey guys,

I have a question regarding a website I'm developing.

Due to the fact that I'd like to have an image anchored to the bottom of the page (at the viewport, if the content doesn't span that far), I've been forced to set

html, body {
height: 100%;
}

However, this means that my repeat-y background image stops at the bottom of the viewport, which is very bad indeed.

Here's an example:

Not enough content: http://www.lexmediaconsulting.com/relentless/
Too much content: http://www.lexmediaconsulting.com/relentless/basics/policy/

Thanks for you time.

___________________

Alex Ford
Neversidian General Editor and Columnist
http://www.lexmediaconsulting.com/

Never mind.

___________________

Alex Ford
Neversidian General Editor and Columnist
http://www.lexmediaconsulting.com/

Height = 100% !! : (
I'm facing the same problem in many projects !

The Page should work fine in IE 6 but .. in Mozilla and some other browsers .. it doesn't !.

So .. i'm still Searching and trying to find way, trick .. to solve the Height Problem in all browsers !

___________________

Do u want to know more about ISLAM ?! ..

Muslim, post your code or a link.

___________________

Jon Culver Chia Pets