4 replies to this topic

[Mooey]

I've just uploaded a site and its not displaying the background properly. I've used DIV's which work great on my laptop, but as soon as its been uploaded it wont work online.

http://linfordgardendesigns.co.uk/

You can link to the files so there definately online:
http://linfordgarden...arkgreyBack.gif
http://linfordgarden...ghtGreyBack.gif

The code I've used is:

div#container {
background-image:url(images/lightGreyBack.gif);
position: absolute;
padding-top: 0px;
left: 50%;
top: 0px;
width: 956px;
margin-left: -478px;
bottom: 100%;
height: 100%;

}

and

div#centercontent {
background-image:url(images/DarkgreyBack.gif);
background-repeat:repeat-y;
height:50%;
padding:20px 40px 20px 40px;
}

Cookie to anybody who can help

Edited by Mooey, 21 March 2007 - 07:06 AM.

[Mooey]

Its sorted, its case sensitive and I typed it in wrong on the CSS.

Mods - you can close this, cheers.

[NGPixel]

it limits the use of the CSS class to Divs only. You could have the same name for 2 different objects.

[Mooey]

I dont know what happened yesterday when I posted that code, it was from the wrong style sheet

It should of been

#maincontent {
	float:left; 
	width: 956px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/DarkgreyBack.gif);
	background-repeat:repeat-y;
}

and

#wrapper {
	height:100%;
	text-align: left;
	width: 956px;
	margin: 0 auto;
	background: #FFF;
	background-image:url(images/lightGreyBack.gif);
	background-repeat:repeat-y;
}

I think I was having a 'senior' moment