Forum Moderators: not2easy

Message Too Old, No Replies

DIV background image clipped at viewport

         

wardbekker

8:56 am on Mar 3, 2007 (gmt 0)

10+ Year Member



Hello,

I have a DIV with a background image. The height of the parent is 100% and both the HTML and the BODY tag have a 100% height.

The DIV is larger than the viewport, but the background image of that div is only shown as large as the viewport.

The background image is set to repeat on the y-axis.

I've read that this is default behavior as the 100% is calculated the viewport size.

Is there are workaround for this?

Regards,

Ward

SuzyUK

10:39 am on Mar 3, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



IE6 and below - height: 100%
others - min-height: 100%;

but this div also needs to contain/wrap the content which causes it to grow larger, rather than just being positioned there

wardbekker

10:34 am on Mar 7, 2007 (gmt 0)

10+ Year Member



thanx, I'll give it a try