SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Trying To Contain Floats

    I have a div called #promos that I have applied overflow: hidden to and it has three floating div's contained inside it (#promo1, #promo2, #promo3). The problem is that the bottom portion of the #promos div seems to clip or cut off when viewing it in IE6.

    Here is a snapshot of what is being clipped:
    http://wwww.lakefrontestates.net/i/incorrect.jpg


    And here is a link to the page in question:
    http://wwww.lakefrontestates.net/index.030111.html
    Todd Temple > T2 Design

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,623
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    * html #container {
    height:1%; /* "haslyout" for IE6 & contains floats */
    overflow:visible;
    }

    http://www.visibilityinherit.com/cod...ain-floats.php

  3. #3
    SitePoint Zealot zbing's Avatar
    Join Date
    Jun 2002
    Location
    Lisbon, Portugal
    Posts
    159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Or maybe removing the fixed height value on #promos...
    zbing

  4. #4
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by zbing View Post
    Or maybe removing the fixed height value on #promos...
    This was the fix. Thank you zbing!
    Todd Temple > T2 Design


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
  •