I need to extend my div to the height of the page

[codythetech]

does anyone know how i can get my div with the black background to always extend the whole height of the screen? right now it looks like this...

[BryanVest]

In your CSS put this code.

background-repeat:repeat-y;

*short*

[JosephLeo]

That might not work Bryan, the background attribute can only extend to the height of the div and no more, and div's don't exactly obey height:100% perfectly.

A better solution might be to do this.

html, body {
height:100%;
}

.divclass {
min-height:100%;
background:#<background>
}

* html .divclass {
height:100%;
}

This should make it work in all modern browsers from IE6 and up. IE5.5- not so sure, but I stopped working with that browser back in '08.

[BryanVest]

Originally Posted by JosephLeo

That might not work Bryan, the background attribute can only extend to the height of the div and no more, and div's don't exactly obey height:100% perfectly.

A better solution might be to do this.

html, body {
height:100%;
}

.divclass {
min-height:100%;
background:#<background>
}

* html .divclass {
height:100%;
}

This should make it work in all modern browsers from IE6 and up. IE5.5- not so sure, but I stopped working with that browser back in '08.

Yeah very true it all depends on how its coded.