You could do that easily if the owl didn't also project above the top of the blue bar. Solid color takes almost no extra file size to extend a long distance, so you can make the bar long enough to fit the widest you want your page to get. Any extra width of the bg image will just be cut off, so no problems there.
I recommend using max-width: 1234px; (whatever size you want) in #mainWrapper, because most pages are not going to look good with the content stretched over a big widescreen monitor. Either that, or they will be crowded beyond recognition or requre major horizontal scrolling in a small screen.
By the way, you will want to use for any bg image that doesn't exactly fit the container
background-position: right top;


Reply With Quote
