Re: [css-d] Fluid images

2008-01-31 Thread Jack Blankenships
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

Re: [css-d] Fluid images

2008-01-26 Thread DAVOUD TOHIDY
I don't think you're going to find a CSS solution. Although this is true in most cases because of the aspect ratio issue, however in some cases there are work around in CSS. For example if you have a picture and have applied gradient on it so that on the far right/bottom of the image you have

Re: [css-d] Fluid images

2008-01-26 Thread Mark Finney
Hi, Could you make a div container with position:relative and place the image inside it position:absolute top: 0; right: 0; bottom: 0; left: 0;? I think the image should stretch with the div it is inside. Not sure if this is a valid suggestion but to my mind it seems it would work... Cheers,

Re: [css-d] Fluid images

2008-01-26 Thread Stephan Wehner
On Jan 25, 2008 9:51 PM, David Laakso [EMAIL PROTECTED] wrote: Stephan Wehner wrote: On Jan 25, 2008 4:34 PM, Stephan Wehner [EMAIL PROTECTED] wrote: On Jan 25, 2008 10:42 AM, Jack Blankenships [EMAIL PROTECTED] wrote: : I want to have an image (several images) that are

Re: [css-d] Fluid images

2008-01-26 Thread David Laakso
Stephan Wehner wrote: On Jan 25, 2008 9:51 PM, David Laakso [EMAIL PROTECTED] wrote: Stephan Wehner wrote: On Jan 25, 2008 4:34 PM, Stephan Wehner [EMAIL PROTECTED] wrote: On Jan 25, 2008 10:42 AM, Jack Blankenships [EMAIL PROTECTED] wrote: : I want to

Re: [css-d] Fluid images

2008-01-26 Thread Philippe Wittenbergh
On Jan 27, 2008, at 1:10 AM, Mark Finney wrote: Could you make a div container with position:relative and place the image inside it position:absolute top: 0; right: 0; bottom: 0; left: 0;? I think the image should stretch with the div it is inside. Not sure if this is a valid

Re: [css-d] Fluid images

2008-01-25 Thread David Laakso
Stephan Wehner wrote: On Jan 25, 2008 4:34 PM, Stephan Wehner [EMAIL PROTECTED] wrote: On Jan 25, 2008 10:42 AM, Jack Blankenships [EMAIL PROTECTED] wrote: : I want to have an image (several images) that are dynamically sized/fluid based on the browser window/viewport

Re: [css-d] Fluid images

2008-01-25 Thread Rob Emenecker
Jack, I don't think you're going to find a CSS solution. Percentage dimensions for IMG elements are percentages of the source graphic dimensions, not the viewport, as you have discovered. If you need to alter the image dimensions, and maintain it's aspect ratio, you will need to wait for an

Re: [css-d] Fluid images

2008-01-25 Thread Stephan Wehner
On Jan 25, 2008 4:34 PM, Stephan Wehner [EMAIL PROTECTED] wrote: On Jan 25, 2008 10:42 AM, Jack Blankenships [EMAIL PROTECTED] wrote: : I want to have an image (several images) that are dynamically sized/fluid based on the browser window/viewport dimensions. I have a : Did you try

Re: [css-d] Fluid images

2008-01-25 Thread Gunlaug Sørtun
Jack Blankenships wrote: I want to have an image (several images) that are dynamically sized/fluid based on the browser window/viewport dimensions. 1: declare a (very) large pixel or em 'width' on the image - in CSS. 2: declare 'max-width: 100%' on the image. Result: the image will become as

Re: [css-d] Fluid images

2008-01-25 Thread Stephan Wehner
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

[css-d] Fluid images

2008-01-25 Thread Jack Blankenships
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

[css-d] Fluid images

2007-08-04 Thread Ian Young
Hi List Have rewritten a fixed design to be more fluid and therefore to be more cross browser friendly. The layout was the easy part but there are a few images which in standard format would not be fluid. I was looking at meyerweb.com where the masthead changes its size depending on resolution.

Re: [css-d] Fluid images

2007-08-04 Thread david
Ian Young wrote: Hi List Have rewritten a fixed design to be more fluid and therefore to be more cross browser friendly. The layout was the easy part but there are a few images which in standard format would not be fluid. I was looking at meyerweb.com where the masthead changes its size

Re: [css-d] Fluid images

2007-08-04 Thread Ian Young
Subject: Re: [css-d] Fluid images Have rewritten a fixed design to be more fluid and therefore to be more cross browser friendly. The layout was the easy part but there are a few images which in standard format would not be fluid. I was looking at meyerweb.com where the masthead

Re: [css-d] Fluid images

2007-08-04 Thread david
Ian Young wrote: Subject: Re: [css-d] Fluid images Have rewritten a fixed design to be more fluid and therefore to be more cross browser friendly. The layout was the easy part but there are a few images which in standard format would not be fluid. I was looking at meyerweb.com where

Re: [css-d] Fluid images

2007-08-04 Thread Ian Young
-d Subject: Re: [css-d] Fluid images Ian Young wrote: Subject: Re: [css-d] Fluid images -- Thanks, David It looks like that. So the solution only works with backgorund images. Now then! I now to need to find a way of having changing background images, as one can have using

Re: [css-d] Fluid images

2007-08-04 Thread david
Ian Young wrote: -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of david Sent: 04 August 2007 10:53 To: css-d Subject: Re: [css-d] Fluid images Ian Young wrote: Thanks, David It looks like that. So the solution only works with backgorund images