Hi people,
I have a major problem with any footer at my layouts with Firefox and
IE.I want to stick it in bottom of page but this can't be done.for
example if i put it in position:absolute all work fine for a 100%
height.The problem rises in my dynamic layouts where data increase and
footer position is in middle of page.I have read many articles about
this problem and try them bit none really helped me.My layouts have
the below structure:
<div id="container">
<div id="header">
..........
</div>
<div id="content">
..........
</div>
</div>
<div id="footer">
........
</div>
and my css:
* {
margin:0;
padding:0;
}
html
{ height: 100%;
}
#container{
min-height: 100%;
height: auto;
height: 100%;
clear:both;
padding-bottom: 40px;
position:relative;
margin:0 auto;
}
#footer { width:100%;
position: absolute;
bottom:0;
background-color:#0099FF;
clear:both;
height:40px;
margin-top:-40px;
}
#header { width:100%;
position: absolute;
top:100px;
background-color:#0099FF;
height:40px;
}
body {height: 100%;
background: url('../img/loggo.png');
background-repeat: no-repeat;
background-color:#B4B4CD;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
}
Any help would be so kind!
Many thanks in advance,
Paulos
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"CakePHP" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~----------~----~----~----~------~----~------~--~---
