ayyaiyai
Member
Posted 3 months ago #
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;
}
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.
ayyaiyai
Member
Posted 3 months ago #
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.