The only problem with this is that I need to resize the image in both height and width aspects. From the information included in this e-mail I gather that until the css3 background-size becomes more widely suppourted this will unlikely be an entirely css based solution.
Has anyone had this problem and been able to find a javascript solution that uses as much css as possible? On Jan 25, 2008 5:34 PM, Stephan Wehner <[EMAIL PROTECTED]> wrote: > 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/ > ______________________________________________________________________ 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/
