...

View Full Version : background image in 3 column layout not showing



flyingfrog
11-13-2008, 02:05 PM
I've have a three column layout and I've entered CSS (relevant code highlighted in red below) for a background image in the right column only. But nothing shows up ! No background image. Where am I going wrong. BTW this is my first attempt with background images. Site link: http://weary.me.uk/MT/

* { margin:0; padding:0; }

BODY { background-color:#FFFFFF;
font-size:12px;
}

#header { background-color:#FFFFFF;
padding:0px; }

#left {
float:left;
width:18%;
padding:0%;
margin-left:1%;
margin-top:0%;
}


#right {
background-image: url(right_background.jpg);
background-repeat: no-repeat;

margin-right: 20px;
width: 220px;
border:1px solid #d2d7e4;
float:right;
width:20%;
margin-right:0%;
margin-top:0%;
padding:0px;

}



#center {
margin-right:30%;
margin-left:14%;
padding-left:10%;
background-color:#FFFFFF;

}



#footer { clear:both;
background-color:#FFFFFF;
padding:8px; }

abduraooft
11-13-2008, 02:31 PM
http://weary.me.uk/MT/css/right_background.jpg is missing.
You need to change your CSS like

background-image: url(images/right_background.jpg);

PS: You mat need to apply some height to your #right.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum