|
There are a number of ways to achieve that sort of effect
My method would be something like this (referencing that same linked design)
1 - put the background pattern on <body>
2 - Create a small "slice" of the top black and blue sections, apply that to a "wrapper" div that's full screen and repeat it horizontally only
3 - For the centered page section, create a 'slice' horizontally of the page background, which includes the shadow, and repeat it on a div vertically only, making sure the width of this div is as wide as the graphic with the shadow. Use margin: 0 auto; to center it.
4 - for the header section with the navigation, I'd just cut out the whole top section, with the bars, and put it in as a background for the header. As long as it's the exact same width as the rest of the page, it should line up seamlessly.
5 - for the footer, do it just like #2, and put the div after the centered page section and let it be the full width of the window.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
