ansaurus

Question

100% background tile, in 100% hieght divs. problem.

Answer 1

A:

I would use Firebug or similar to verify that it's a background problem, not a DIV sizing problem. Maybe what's clipped is not your BG image, but rather the height of your DIVs.

If this is not the case, you can try adding

background-repeat:repeat,

to your CSS for div.half, but this is already the default value, so unless you have some CSS somewhere overriding it, should be in place anyway.

levik 2010-09-29 12:52:14

Answer 2

A:

This seems to get me the result i want, not tested in explorer yet though.

html {
    margin:0;
    padding:0;
    font: 14px Gotham, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    color: #505050;
    background-image: url(images/metalBG.jpg);
}

body {
    float:right;
    margin:0;
    padding:0;
    width:50%;
    background-image: url(images/fabricBG.jpg);
}

#left {
    float:left;
    margin-left:-600px;
    width:550px;
}

Doobox 2010-09-29 14:45:04

changing the width and position of the body is an interesting approach I haven't seen before :) Just be careful about the window size; given that your margin looks like its using pixels (though that could be what you're looking for)?

cm2 2010-09-30 00:52:29

Answer 3

A:

I haven't run this code but adding it to the existing code should work (I hope :P). You can keep the divs and their backgrounds fixed where they are using something like:

 .half{
    position:fixed; /* keeps the divs in the same place */
    overflow:auto;  /* overflowing content will scroll */
    background-attachment:fixed; /* the background won't scroll with content */
 }

cm2 2010-09-30 00:47:27

ansaurus

tags:

views:

answers:

100% background tile, in 100% hieght divs. problem.

related questions