SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    661
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Stumped or tired - IE6 problem

    Any special reason why the two h2 tags in #mainContent.contenPanel are crammed against the top of the brown bar in IE7

    www.hbip.com/brandy

    Many thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, untested because my internets about to shut off for the night, but try on #header and #maincontent, set overflow:hidden; on it.

    On #header remove the height as well
    PS-Thread title=IE6. Your post says IE7..I'm guessing IE7
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    Don't remove the height from your header, it is needed to make the #header .identity float work correctly and hold the div open to suit the BG image height.

    It looks like IE7 just needs to have the margins set manually. You do need to set overflow:hidden; on the #mainContent to contain floats and trip haslayout in IE7. Then target IE6 with another haslayout trigger.

    You could set a width to trigger haslayout but your paddings change on the .home class so those different paddings would need to be accounted for.

    Code:
    h2 {
        font-family:Trajan pro, Tahoma, Geneva, sans-serif    ;
        font-size:200%;
        color:#3d3230;
        text-align:center;
        margin:15px 0;
    }
     #mainContent {
        padding: 0 20px; 
        background: #CDF;
        overflow:hidden;/*contain floats*/
    }
    * html #mainContent {height:1%; overflow:visible}/*IE6 haslayout to contain floats*/
     
     #mainContent.home{
        padding:0 65px; 
     }

  4. #4
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    661
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Rayzur View Post
    Hi,
    Don't remove the height from your header, it is needed to make the #header .identity float work correctly and hold the div open to suit the BG image height.

    It looks like IE7 just needs to have the margins set manually. You do need to set overflow:hidden; on the #mainContent to contain floats and trip haslayout in IE7. Then target IE6 with another haslayout trigger.

    You could set a width to trigger haslayout but your paddings change on the .home class so those different paddings would need to be accounted for.
    Razor,

    Thank you for taking a look and resolving that issue. Don't think I would have figured that one out on my own. Worked like a charm.
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.


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
  •