> Here is a clearer description of what I'm trying to do.
> I'm wanting a header image to expand it's width as the browser window
> expands from 800 pixels to 1024 or from a 4 X 3 monitor to a 16 x 9
> monitor.
> So in a smaller browser window, the right side of the image would
> become cropped, but become visible as the browser window expands.
> Is there a way of doing this by placing the image in the container
> background field and using css to achieve this.
>
>
#header {
min-width: 640px;
width:80%;
background: url("path/to/img.png") no-repeat;
}
and having your image 1024px wide. If you leave out no-repeat then
you'll get nasty repeating of the image across the width of the page if
someone has a viewport wider than 1280px.. Using this you shouldn't need
to 'hack' much for IE 6 to behave unless the user's viewport is smaller
than 800px (because ie6 doesn't understand min-width).
Don't know how helpful I'm being :)
Cheers,
Rob
______________________________________________________________________
css-discuss [[email protected]]
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/
