Greetings,
I just ran into a problem I am unable to figure out. I currently have an image on the background. I got it to center x and not y (world domination on step at a time!!!).
What I am trying to do is the same thing that happens on this site. When you resize the browser, the left hand side of the page stays put and right hand side gets overlapped.
Give it a try! Take the right hand side of the browser and make the browser skinnier. As you can see the left hand side if fixed and the right hand side just gets overwritten.
The problem is that when you do the same thing to my site (heh), both the left and the right gets moved.
This is what I have currently on the site:
body {
background-image: url(/Images/background_no_letters.png);
background-repeat: no-repeat;
background-position: center top;
}
What can I do to make it behave like this page and also have it be in the middle when the browser is large enough.
Regards,
Scrlk
