No replies
chriswade80
Offline
newbie
UK
Last seen: 13 years 18 weeks ago
UK
Joined: 2009-01-15
Posts: 1
Points: 0

:shrug:

HELP! ; I have just started with CSS and I am doing it all by manual coding no Dreamweaver and I am having a problem. I want a background image that is centred and then have content on top. The following code is the declarations in my css for background images on different pages, index and music videos :

body.music {
background-image : url("../image/webimages/musicmain.png");
background-repeat: no-repeat;
background-color: white;
background-position:center;
background-attatchment:fixed;
height: 100%;
min-height: 1000px;
width:100%;

}

and

body.main {
background-image : url("../image/webimages/background1.jpg");
background-repeat: no-repeat;
background-color: white;
background-position:center;
background-attatchment: fixed;
height: 100%;
min-height: 1000px;
width:100%;

}

If you go to my main index.html page; www.chris-wade.co.uk/index.html it create a small scroll bar to move to the left, but on the music vids page it have a much bigger scroll bar and large lines either side. I do wanted it centred but it isnt centred. the images are both the same sizes 1400 x 1050, but give different results.

Any ideas????