PDA

View Full Version : background position



robenolt
Jan 1st, 2011, 11:20 PM
How would I get the banner to start repeating vertically at a specific margin?
The way its set right now only postions it to left 5 pixels and ignores the 94 pixels???
here is the css:


body
{
background-position: 5px 94px;
background-color: #504d4a;
background-image: url("bg.png");
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

#banner
{
background-image: url("banner.gif");
background-repeat: no-repeat;
width: 887px;
height: 94px;
margin: 0px;
padding: 5px;
}


the html



<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="banner"></div>
</body>
</html>

robenolt
Jan 2nd, 2011, 04:50 AM
duhhh *head bang*

I can't believe I wasted hours trying to figure out how to fix this. Actually I don't even know if its possible but I decided to to re-save the banner as a png and fix the extra space around it so that it doesn't conflict with the background image and then use position absolute.

If there is another way to do it, I would like to know for future reference :]