Support » Themes and Templates » Posts cut off in IE6

  • Hi,

    I’m trying to make a custom theme, but I’m running into a post problem. My test posts show up fine in everything but IE6, there the footer eats up the bottom of the last post…

    http://www.breakingbeta.com/blog/

    Suggestions?

    Also weirdly, I can’t seem to get rid of the bullets next to my list items, I have it set to no style

    #ul {
    	display: inline;
    	list-style-type: none;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • That ul directive won’t work because of the hash mark. Remove it, then it should work.

    For your footer problem in IE6, try this:

    * html #footer {
      margin-top: 100px;
    }

    That should give it plenty of room.

    I tried adding that but I didn’t see a change. I trying to do a sticky footer, and I don’t want to kill the stick part.

    any other solution?

    #footer {
    	position: relative;
    	margin-top: -180px; /* negative value of footer height */
    	height: 180px;
    	clear:both;
    	background-color: #000;
    	width: 965px;
    	margin-left: auto;
    	margin-right: auto;
    	background-color: #671111;
    
    /* CLEAR FIX*/
    .clearfix:after {content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    Well you have a negative margin-top, so reduce that value and it should give more space.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Posts cut off in IE6’ is closed to new replies.