Problem with background image alignment |
Problem with background image alignment |
kierdraven |
Apr 1 2012, 10:25 PM
Post
#1
|
Group: Members Posts: 3 Joined: 1-April 12 Member No.: 16,831 |
Hi there,
I am new to thie forum so i'll start off with saying Hello! I am an intermediate skill levelled web designer that does it for a hobby, not professionaly. Anyhow, here's my problem. I'm building the next version of my website, and having issues with the background image being aligned to "true" center. My background image is just black with a couple of vertical lines that are to run seemlessly down the page, bordering the content that sits in the middle. I have an image at the top of the page that has a couple of lines at the base of it to align with the background image, but they just will not line up. It appears the actual background image is JUST off center, and I can't for the life of me get it to align properly. Here's my BODY code in CSS: CODE body { background:url(***); background-color: #000; background-repeat:repeat-y; background-position:center; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;} I'm testing this in Google Chrome on a Windows XP PC. The same problem occurs in Apple Safari. In Mozilla Firefox it displays fine, however there is a different issue with the table that i'll address in another area of these forums lol. Any help/tips would be appreciated! Thanks. EDIT: I have enabled border="1" on the table so you can see the alignment issue. This post has been edited by kierdraven: Apr 1 2012, 11:16 PM |
Lo-Fi Version | Time is now: 10th June 2024 - 04:18 AM |