img: preserve aspect ratio but width and height="%"

[Georg Goerg]

hello,

i want to make website with a top navigation bar and one on the left.
so by using css i define three layers and everyone of them has length attr.
in percents.

but if i want to put (square) images in e.g. the top bar, which should fill
out the whole height of the bar, it depends on the screen resolution,
wether they look like square images or rectangles.

so my question is, how do i "tell" the browser that the image should fit 10%
of the screenresolution, but the image should be displayed squared, no
matter which resolution is set.
#img{
height=10%;
width= auto;
}
does NOT work

thank you
--
Georg Goerg

[Lauri Raittila]

In article <41***********************@tunews.univie.ac.at>,
e0******@student.tuwien.ac.at says...

of the screenresolution,
Screenresolution is irrelevant. You mean window size.
#img{
height=10%;
width= auto;
}
does NOT work

And should not. You have = where : should be. width:auto is not needed an
might even cause problems. Might be browser depended. If this was error
made while writing, you should see why URLs are nice.

#img {width:20%} has worked on some version of Opera and some version of
IE, IIRC.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[Georg Goerg]

Lauri Raittila wrote:

In article <41***********************@tunews.univie.ac.at>,
e0******@student.tuwien.ac.at says...

of the screenresolution,

Screenresolution is irrelevant. You mean window size.

#img{
height=10%;
width= auto;
}
does NOT work

And should not. You have = where : should be. width:auto is not needed an
might even cause problems. Might be browser depended. If this was error
made while writing, you should see why URLs are nice.

#img {width:20%} has worked on some version of Opera and some version of
IE, IIRC.

yeah i know, i just typed it wrong
i´ll try your solution, with just one attribute (width, height)

thanks
--
Georg Goerg