I am having a bit of a hard time converting my photoshop design to html and css and was hoping someone could point me in the right direction. Here is my deisgn: [img]http://pukingalien.com/images/bg.jpg[/img]
I would like the top pattern to continue all the way across the browser window. Ideally I would like to make the gray sidebar into an dynamic div and not part of the background image, but for now any kind of solution will work.
What you could do is take a section of the top pattern, where if it were repeated horizontally, the pattern would still line up and apply it to the body like this:
Code:
body: { background: url(top-pattern.png) top left repeat-x;}
You can always have the radial image as a background as well. Add the repeating header to the background of the css and then the gradient as the background to the body