Hallo,
ich möchte einen statischen Footer in meinem Template einbauen. In Firefox/Opera funktioniert es. Im IE wird der Footer zwar angezeigt, aber bei langen Seiteninhalten wird kein Scrollbar angezeigt, der Inhalt also abgeschnitten:
http://www.audioausgang.de/beta/inde...&id=3&Itemid=6
Ich habe den zugrundliegenden HTML/CSS-Code mal JOOMLA-unabhängig getestet und damit geht's auch im IE.
Kann es an JOOMLA liegen?
Hier noch die verwendeten CSS:
body {
margin:0;
padding:0;
}
#content_container {
padding-bottom:3em;
}
#header {
margin: 0 0 0.7em;
background:#efefef;
text-align:center;
padding:10px;
}
#footer {
position:fixed;
bottom:0px;
background:#efefef;
text-align:center;
padding:10px;
width:100%;
}
* html, * html body {
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
* html #content_container {
height:95%;
overflow:auto;
}
* html #footer {
background:#efefef;
height:5%;
text-align:center;
padding-top:1%;
}
div.logo
{position: absolute;
left: 0%;
margin-top: 0px;
margin-left: 0px;
width: 768px;
height: 71px;
top:0%;
border: 1px solid #000000;
clear:both;
background:#fffffff;
}
div.topnav
{position: absolute;
width: 768px;
height: 20px;
border: 1px solid #000000;
background-color:#949594;
margin-top:71px;
margin-left:0px;
}
div.spacer
{margin-left:0px;
}
div.headline
{position:absolute;
width: 467px;
height: 20px;
border: 1px solid #000000;
float:left;
margin-top:123px;
margin-left:30px;
}
div.searchbox
{
position:absolute;
border: 1px solid #000000;
text-align: left;
margin-top:123px;
margin-left:519px;
}
div.main
{position: absolute;
width: 440px;
top:10px;
border: 1px solid #000000;
text-align: left;
margin-top:160px;
clear:both;
padding-left:30px;
}
div.right
{position: absolute;
left: 0%;
width: 238px;
top:10px;
margin-top: 0px;
border: 1px solid #000000;
margin-top:165px;
margin-left:530px;
}
Hat jemand eine Idee?
Danke,
Markus


LinkBack URL
About LinkBacks
Zitieren


Lesezeichen