Shrink image to say in DIV position?

[FrontPage97]

As you can see below, when I zoom in (with the browser) the radio gets larger and gets placed lower. Is there a way to make the radio shrink so that it stays up high?

After zooming in....

 

[Phreaddee]

Without seeing the underlying structure it's hard to debug an image, however try max-width:100%;height:auto on the IMG.?

 

[FrontPage97]

I started all over again with a fixed layout instead of a fluid one. Instead of the radio getting pushed down lower it just starts to move off the screen to the right when I use the browser zoom function. I looked at a few other sites. They seem to favor pushing images off the screen to the right.

Fluid layouts seem to work well for text filled sites, but when you have a big image that's when trouble starts.

 

[Phreaddee]

Did you try?
It should work in both fixed and fluid layouts.
If its max width is 100% it shouldn't matter the size of its container.
Except for when the container is larger than the image's dimensions.

 

[chrishirst]

when I use the browser zoom function.

If you use em and ex for heights (em) and widths (ex) the elements will zoom at the same rate.

That was my "responsive design" LONG before it became a 'buzz' phrase (almost a mantra for some wed dev pundits.)

 

[FrontPage97]

Did you try?
It should work in both fixed and fluid layouts.
If its max width is 100% it shouldn't matter the size of its container.
Except for when the container is larger than the image's dimensions.

Didn't work with my fluid layout. But who knows what kind of CSS mess I created. Fixed is working now though.