I have found that I do not always have the padding bottom effective when using this code:
<html>
<Style>
body
{
padding: 0px;
margin: 0px;
}
html,body
{
height: 100%;
}
#Holder
{
min-height: 100%;
position: relative;
}
#Body
{
padding-bottom: 80px;
}
.Main
{
padding-top: 35px;
padding-bottom: 35px;
}
#Footer
{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 80px;
height: auto;
line-height: 80px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #555555;
}
#Span
{
display: inline-block;
vertical-align: middle;
line-height: normal;
}
</Style>
<body>
<div id="Holder"><div id="Body"><div class="Main">
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
<br>
asfdasfasfd
</div><div id="Footer"><span id="Span"></span></div></div></div>
</body>
</html>Basically, this is in the .Main style. There is a padding-bottom: 35px;. For some kind of reason, depending on the content in the page, there may or may not be a padding.
Can someone find the reason?
