max height for different divs

Discussion in 'HTML' started by ll, Aug 1, 2007.

  1. ll

    ll Guest

    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>
    ll, Aug 1, 2007
    #1
    1. Advertising

  2. ll

    Neredbojias Guest

    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]-->

    --
    Neredbojias
    Half lies are worth twice as much as whole lies.
    Neredbojias, Aug 1, 2007
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. rich
    Replies:
    0
    Views:
    721
  2. tshad
    Replies:
    1
    Views:
    1,689
    bruce barker
    Mar 8, 2007
  3. Summercool
    Replies:
    9
    Views:
    879
    dorayme
    Oct 23, 2007
  4. Miro
    Replies:
    7
    Views:
    493
  5. maya
    Replies:
    4
    Views:
    240
Loading...

Share This Page