max height for different divs

[ll]

Hi,
I am working on an image gallery which will have a 'large images'
page, and those images need to all be the same side. On that large
images page, there will also be a logo graphic, which needs to have a
different max-height. currently, I have that included below. Is
there a better (conditional) method for applying the max-
height(height) in different div's, to allow for the IE5 problems?
Thanks, Louis

--------------------------------
<style type="text/css">
img {
max-height:100px;
}

*html, *large_image, img{
max-height:100px;
height:auto !important;
height:100px;
max-width:100px;
width:auto !important;
}

*html, *campus_header, img{
max-height:100px;
height:auto !important;
height:100px;
max-width:100px;
width:auto !important;
}

</style>

<div id="large_image"><img src="#dir##lg_image#"></div>
<br><br>
#img_text#
<div id="campus_header"><img
src="3_campus_header_jan2003_c_long.jpg"></div>

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Wed, 01 Aug 2007 15:24:29 GMT
ll scribed:

Hi,
I am working on an image gallery which will have a 'large images'
page, and those images need to all be the same side.

Hopefully the front.

On that large
images page, there will also be a logo graphic, which needs to have a
different max-height. currently, I have that included below. Is
there a better (conditional) method for applying the max-
height(height) in different div's, to allow for the IE5 problems?
Thanks, Louis

--------------------------------
<style type="text/css">
img {
max-height:100px;
}

*html, *large_image, img{
max-height:100px;
height:auto !important;
height:100px;
max-width:100px;
width:auto !important;
}

*html, *campus_header, img{
max-height:100px;
height:auto !important;
height:100px;
max-width:100px;
width:auto !important;
}

</style>

<div id="large_image"><img src="#dir##lg_image#"></div>
<br><br>
#img_text#
<div id="campus_header"><img
src="3_campus_header_jan2003_c_long.jpg"></div>

You could use an ie conditional comment like:

<!--[if lte IE 5]>
<style type="text/css">
#campus_header img { height:100px; }
</style>
<![endif]-->