hi there, shouldn't you concider making the header image a background image for your <body> tag, thus allowing your users to reseize the content that way your main div that is smaller would fit in these small screens (now most of the users have a least 1024 px wide sceens, for computers at least) try to use your "header" image as a background one,centered ?
2012/7/17 Peter Ankelein <pankel...@mdsol.com> > 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/ > ______________________________________________________________________ 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/
