No replies
tatamels
tatamels's picture
Offline
newbie
Last seen: 9 years 38 weeks ago
Timezone: GMT-5
Joined: 2012-03-05
Posts: 1
Points: 2

Thanks in advance!
Here's the URL: http://lavieenvert.com.br/
If you check it on Safari, FF, and Chrome, your will see inconsistencies on all three. I'm not sure how to make it work. I'll paste the CSS below, but basically, I have the main image centered on the page, then a 9px wide slice of the far left of the image to be used as a repeating background, horizontally. I can't seem to line up both pieces. Obviously something wrong with my math. The main image is 730x450, and the slice is 9x450. And below is the CSS:

body {
background-image: url('images/LVV_repeat.jpg');
background-repeat: repeat-x;
margin-top: 683px;
background-position: center;
color: #454545;
overflow-y: hidden;
}

.centered {
position: absolute;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -365px;
}