#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2010
    Posts
    80
    Rep Power
    15

    IE6 Compatibility Issue


    http://www.sphinxgaming.com/OpportunIT/?page=home

    In any browser except IE6 the footer floats just above the bottom of the page, but in IE6 it goes WAY down.

    Here is the CSS code:
    Code:
    html { height: 80%; }
    body
    {
    	min-height: 80%;
    	height: 80%;
    }
    
    A:link {text-decoration: bold}
    A:visited {text-decoration: bold}
    A:active {text-decoration: bold}
    
    A:hover {
    	text-decoration: bold;
    	color:#307D7E;
    }
    
    #container
    {
    	width:80%;
    	height:100%;
    	margin:0 auto;
    	text-align:center;
    	font:helvetica;
    	display:block;
    }
    
    #header
    {
    	width:auto; 
    	display:block; 
    	font-weight:bold
    }
    
    #body
    {
    	width:auto;
    	font:14px "Helvetica";
    	text-align:left;
    	min-height: 124%;
    	display:block;
    	background-color:#BDEDFF;
    }
    	
    
    ul#navbar {
    background:url(images/navbg.png) repeat-x left top;
    margin:0;
    border-bottom:1px solid #00CCFF;
    border-top:1px solid #00CCFF;
    list-style-type:none;
    height:31px;
    }
    ul#navbar li {
    float:left;
    }
    ul#navbar li a {
    display:block;
    padding:5px 15px 4px;
    font:bold 16px "Helvetica";
    text-decoration:none;
    color:#151B8D;
    letter-spacing: -0.1em;
    }
    ul#navbar li a:hover {
    color:#151B54;
    }
    ul#navbar li a#current {
    border-bottom:1px solid #00DDFF;
    border-top:1px solid #00DDFF;
    color:#151B54;
    font:bold 16px "Helvetica";
    }
    
    #titlebar
    {
    	width:auto;
    	background-color:#BDEDFF;
    	padding-bottom: 5px;
    	text-align:left;
    	font:bold 19px "Helvetica";
    	display:block; 
    }
    
    #footer
    {
    	width:auto; 
    	display:block;
    	background-color:#AFC7C7;
    }
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    I don't see the problem you describe in IE6. Did you fix that issue?
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2010
    Posts
    80
    Rep Power
    15
    No, I changed nothing... I'm still getting it in IE6.
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    One issue is that IE6 doesn't support the min-height property. There's a simple workaround for it though. More info:

    Min-Height for IE5-6/Win
    Internet Explorer 6 and the Expanding Box Problem
    The overflow declaration
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo