Hello guys,

 

i have an urgent problem. I want that the bg and the items on the bg are fixed and have nice high resolution when ppl open the website but somehow the bg doesnt get diplayed fully aswell as when you minimize the browser window the items (pics) on the bg are moving.

 

Here is the CSS

body {
    background-image:url(img/bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#0d0c08;
}


h2 {
    font-size: 14px;
    color: #A36075;
    margin-top: 640px;
    margin-left: 290px;
    padding: 40px;
}

#img {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: -85px;
    margin-right: -85px;
    top: 460px;
}

#low {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 120px;
    margin-right: 295px;
    top: 400px;
}

#high {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 120px;
    margin-right: -177px;
    top: 400px;
}

#forum {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 140px;
    margin-right: -110px;
    top: 560px;
}

 

would be nice if someone can help

Edited November 5, 201412 yr by Lin2Hektor

You need to give us your website URL so we can use inspect element.

 

Also try this one

body {
background-image:url(img/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#0d0c08;
background-attachment: fixed; 
}

Edited November 5, 201412 yr by Aphelion