SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Div's not showing in IE5? - SOmething to do with overflow?

    Hi

    If you take a lookk at this http://www.premier-resin-systems.co.uk/home/ in IE5 you will see 2 orange lines, these should have text and titles in them. Viw them in IE6, FF etc you will see what it is meant to look like.

    Why is this, is it the overflow:auto; I have stuck on the productbox class?

    Also the voucher image in IE6 should be a few pixels under the orange bar.

    Could somone shed some light on this as it is driving me nuts!!!

    Thanks for any help

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,513
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Yes it's because you set overflow and then you set the height to 1% (because of ie's layout bugs) and that means you only get 1% height.

    Change the code to this instead.

    Code:
    .productbox{
    padding:10px;
    margin-bottom:10px;
    border-top:2px solid #FF9A00;
    background:#FFFFD9;
    overflow:auto;
    }
    * html .productbox{height:1%;overflow:visible}

    The voucher is not in the same place because of ie's layout bug again and also needs the height:1% hack.

    Code:
    #titles{
    margin: -5px 0 20px 0px;
    }
    /* mac hide \*/
    * html #titles{height:1%}
    /* end hide */
    Hope that helps

  3. #3
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks I will try it


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
  •