Hey Folks, I've been working on a landing page for an ad campaign and have it looking nice (centered, fixed-width) on larger monitors. The problem is folks with smaller resolutions where the width of the page is too wide, thus the horizontal scrollbar appears at the bottom of the browser and page looks like it isn't centered. In order to appease them, I'm trying to see if I can make a couple elements fluid or elastic and am having a bit of a struggle. Here's a test page:
http://www.mdsol.com/ad/rave/css-test.html 1) header—this is a 1390px background image that I'm trying to have crop evenly on both sides so it remains centered to the content. 2) #page—again, making this fluid and always centered to the center of the header background image. Changing the width to 100% gets the fluid bit happening, though, the header is unaffected. Welcome to all ideas if there's a better way to approach this. I've been playing around with width: 100%; position: absolute on the background image...I'm just trying to avoid having to go in and absolutely position all my other elements as this drops the image on top of everything else. Regards, Pete ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
