Fluid-width design and images

  • Hi,

    I’d like to ask you, what do you think about my problem.

    I have a fluid-width design and I want to my pictures scale to it.
    These pictures are usally wider than the page width.
    Now I have a following solution:

    the page (wrapper div) has a width expressed in %, in example 65%.
    Image tag looks like this:

    img {
	max-width: 100%;
	}

    It works fine, you can test it here but only when an image has no defined width and height.

    Now, what would you propose to me? Is there a plugin / script, that would automatically scale images to the changing page width or is it the best, easy way to keep images scaling and I should just leave images without defined dimensions?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Image size will not scale to a fluid design width – the opposite is true. If your image is wider than you want the width of your page, you will have to reduce the size of the graphic and then re-upload it, or adjust the size using html in the graphics link code using the “width= / height=” parameters.

    maybe you can use “max-width” and “max-height”.
    but in ie6 it doesn’t work so well.

    Thread Starter Janko

    (@janko)

    Ok, so i will stay with the max-width and oversized image.
    See here ?? https://jrunofficial.com/2008/11/14/five-peace-band/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fluid-width design and images’ is closed to new replies.