1 reply [Last post]
Last seen: 9 years 6 days ago
Timezone: GMT+7
Joined: 2006-02-19
Posts: 24
Points: 8

url is http://www.renoseowebdesign.com/music

i have a problem with explorer

in firefox everything is cool

if you click on menu links you can see that the guitar in hand first show in the middle of the page and then it jumps down,

i set it as background of the body tag

here is the code

body {
background-repeat: no-repeat;
font-family: "trebuchet ms", tahoma, verdana, arial, helvetica;
color: #FFFFFF;
background-color: #000000;
font-size: 12px;
background-image: url(background.jpg);
background-position: left bottom;
background-attachment: scroll;
height: 100%;
width: 100%;

i tried everything and the picture background.jpg keeps on jumping, why it can not be still??

thank you

Tyssen's picture
Last seen: 6 years 14 weeks ago
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

my site is giving me problem

It could be because your background position words are back to front (horizontal should come first) or maybe the background-attachment (which I don't think you need).
Also, you can shorthand your CSS like this:

body {
	font: 12px "trebuchet ms", tahoma, verdana, arial, helvetica;
	color: #FFF;
	background: #000 url(background.jpg) bottom left no-repeat;	
	height: 100%;
	width: 100%;

And just a comment on your design: your graphic is way too big and there's too much wasted space next to it. When I open your page in my browser, all I see is the image and the links. I didn't realise at first that the rest of your content was below - I was expecting something to appear in the big empty space next to the graphic.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference