Stretch to fill background?

[sammymaudlin]

Possible? I'd the background to fill 100% width and 100% height always. Thanks in advance.

[sayontan]

No, not with CSS.

[sammymaudlin]

Which file would require modification?

[sayontan]

Sorry if my meaning was not clear - this is not possible, at least in the classical sense. Modifying files (as in a PHP vs CSS argument) is not what I was referring to.

Background stretching is only supported in CSS3 by the background-size attribute and AFAIK the latest version of Opera is the only browser that offers some support for it (and that too I am not sure). You can "fake" it by following the instructions here: http://webdesign.about.com/od/css3/f/blfaqbgsize.htm.

[sammymaudlin]

Thanks Sayontan.

I actually stretch backgrounds all the time. http://homo-luminous.com as an example. I'm just not sure where/which of your files to manipulate to do it. Can I use the custom code section and put my stuff in there?

[sammymaudlin]

I've got the CSS set up in the Custom Includes like this:

html, body {
height: 100%;
margin: 0;
padding: 0;
}

#background {
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 0;
}


I just need to figure out where to put this:

<div id="background"><img src="http://homo-luminous.com/home/wp-content/uploads/2010/06/blogback.jpg" alt="field" style="width: 100%; height: 100%;"/></div>

Normally it would go in the body of the index.html

[sayontan]

header.php

[sammymaudlin]

I tried that but it only add the background to the blog container not the page itself.

[sayontan]

Can't help without URL

[sammymaudlin]

Thanks.

http://homo-luminous.com/home/