On Jan 25, 2008 10:42 AM, Jack Blankenships
<[EMAIL PROTECTED]> wrote:
> I have been reading some articles
> (http://www.alistapart.com/articles/elastic/ ,
> http://www.htmldog.com/articles/elasticdesign/demo/ ,
> http://www.antix.co.uk/code/css/imposing_minimum_width/example_3.htm ,
> etc), but I am not finding the answer I am looking for.
>
> I want to have an image (several images) that are dynamically
> sized/fluid based on the browser window/viewport dimensions.  I have a
> layout where the divs can be percentages of the available height and
> width, but it seems that whether I put the image inside the div or as
> a background-image I cannot get it to adjust based on the window
> dimensions.  When I set the width or height to 100% using css, the
> image is set to 100% of its original size, without respect to its
> container.

Did you try applying the width to the img ? See
http://myosin3000.sugarmotor.net/imagesize.html

> I suppose that it makes things more complicated that I need to
> preserve the dimensional relationship between the height/width

Actually this seems easy. See example above.

Stephan


-- 
Stephan Wehner

-> http://stephan.sugarmotor.org
-> http://www.thrackle.org
-> http://www.buckmaster.ca
-> http://www.trafficlife.com
-> http://stephansmap.org
______________________________________________________________________
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/

Reply via email to