W3C home > Mailing lists > Public > www-style@w3.org > January 2008

Re: Scaling

From: fantasai <fantasai.lists@inkedblade.net>
Date: Mon, 14 Jan 2008 13:27:48 -0500
Message-ID: <478BA9A4.4080105@inkedblade.net>
To: Michael <newsletters@codefisher.org>
CC: www-style@w3.org

Michael wrote:
> 
> I have a fluid layout so it changes width because of the browser 
> window.  There is the slight problem that some of the images I use might 
> be too wide.  So I use max-width:100% to prevent this from happening.  
> This works great when the image does not have a width or height 
> attribute set.  The image remains in proportion.  One site you can see 
> this working on is http://accessfirefox.org/ (resize your window small 
> and the first image in the content will change size in any browser the 
> understands max-width) .  But if the height attribute is set, it retains 
> this height and the image goes out of proportion (take for example the 
> image along the top of the content on 
> http://codefisher.org/format_toolbar/).    I think we need some property 
> for this; say for example:
> 
> img {
> scale:proportional;
> }
> 
> With maybe the other possible value being auto.  I think this would be a 
> great use when max-width and max-height become more widely used.

Set
   img {
     height: auto;
   }
and your images should size proportionally.

~fantasai
Received on Monday, 14 January 2008 18:27:59 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:57 GMT