SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Belgium
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question crossbrowser min-height + overflow:hidden?

    Hello,

    I'm trying to make a box around some text (to have a border around it), and I want that box obviously to contain all text and have a minimum height of 100px in any case.

    I've managed to create this with a div with min-height and overflow:hidden properties set, but I really can't get it right to work for both IE and FF/Opera.

    Anyone can help me out here?

    Thanks

  2. #2
    Non-Member lostseed's Avatar
    Join Date
    Sep 2005
    Location
    Zurconion Soon!
    Posts
    1,549
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try adding:

    Code:
    min-height: 100px;
    h\eight: 100px;
    or try

    Code:
    h\eight: auto;
    I do this for my ID's in IE6:

    Code:
    * html #contentbox{
    height:100px;/*for ie5.x win */
    h\eight:100px;/*for ie6*/
    }
    and sometimes:
    Code:
    height: auto !important; height: 100px;

  3. #3
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Belgium
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by lostseed
    ...
    and sometimes:
    Code:
    height: auto !important; height: 100px;
    That did the trick! Thank you

    There's however still a slight problem with the following code.
    When viewing http://www.f1technical.net/news/3392 in a very small browser window with IE, you can see the textlines lower than the image are a few pixels more to the left than the others :/ . Why oh why is there IE

  4. #4
    Non-Member lostseed's Avatar
    Join Date
    Sep 2005
    Location
    Zurconion Soon!
    Posts
    1,549
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have a lot going on there, I tried to see what you ment but can you point out which area specifically?

    I compared in IE6 and FF and cant see a difference, but im not sure where to look because there are a lot of content boxes going on :P

  5. #5
    SitePoint Zealot
    Join Date
    Jun 2004
    Location
    Belgium
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hehe sorry

    I mean the grey box with in the left an image for the article. It's in the middle of the page and above all the rest of the text.
    You can also find it by looking for <div class="intro">


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
  •