SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)

    IE6 hates growing...

    Hello, I'm trying to get this page:
    http://www.aggis-topography.com/azureronin

    to work properly in both IE7/FF and IE6/5.5

    The problem is that to get it to work properly in IE7/FF, I would use "min-height" on the "content". However, min-height doesn't seem to work right in 6/5.5, so to get it to look appropriate when the content is smaller, I have to use height, which makes the content area stop growing in IE7/FF, and make the text spill over it.

    How can I make it so it looks correct in both?

    Thanks.

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,122
    Mentioned
    29 Post(s)
    Tagged
    2 Thread(s)
    Code:
    #example { min-height: 200px }
    * html #example { height: 200px }
    Only IE6< sees selectors after '* html'

  3. #3
    Zero Point Zero Siebird's Avatar
    Join Date
    Feb 2007
    Location
    York, PA
    Posts
    456
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could also do something like this:
    Code CSS:
    min-height: 200px;
    	height: auto !important;
      	height: 200px;

  4. #4
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    Thank you both.

    I think I'll try out the !important method first since I try to steer clear of "hacks".

    EDIT: The !important method worked like a charm, thanks.

  5. #5
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by asiewe61 View Post
    You could also do something like this:
    Code CSS:
    min-height: 200px;
    	height: auto !important;
      	height: 200px;
    I'm not a fan of this technique since I don't like to override declarations in the same style due to how browsers may handle the over-ridden style in the future.

    In this case, the star selector hack is the safer option, since it targets only IE 5/6.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •