nicht angemeldet
Hallo Detlef,
nun muss ich mich doch nochmal zu meinem Layoutrahmenproblem melden, denn nun bastele ich an einem Folgeproblem. Bei meiner position:absolute-Variante saß der Footer an der richtigen Stelle. Nun seit dem Umstellen auf margin:15px auto; passt der Rand oben und unten, aber nun sitzt der Footer im unteren weißen 8px-Layoutrahmen-Rand. :-(
Habe außer den besprochenen Änderungen nichts gemacht und trotzdem ist nun in der Folge daraus ein Fehler im Footer entstanden. Bin schon den ganzen Tag am Herumexperimentieren und Lesen, aber es will einfach nicht klappen.
Hier das CSS:
#layoutrahmen {
border: 8px solid white;
left: 50%;
width: 858px;
margin: 15px auto;
}
body {
background-color: #CCCCCC;
font-family: Verdana, Arial, Helevtica, sans-serif;
text-align: center;
}
#footer
{
margin: 4px;
padding: 0px;
clear: both;
}
#footer ul
{
margin: 0px;
padding: 0px;
width: 858px;
list-style-type: none;
}
#footer li
{
list-style-type: none;
float: right;
margin: 0px;
padding: 0px;
border: 0px;
}
#footer li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display: inline;
line-height: 15px;
width: 0px;
margin: 0px;
padding-right: 10px;
border: 0px;
color: #0066cc;
vertical-align: middle;
text-align: center;
}
#footer li a:link, #navi a:visited
{
text-decoration: none;
color: #0066cc;
}
#footer li a:hover
{
color: #FFFFFF;
}
Und im Body steht:
<body>
<div id="layoutrahmen">
<div id="headlogo1">Headlogo</div>
<div id="headline">Headline</div>
<div id="headbanner1">Headbanner</div>
<div id="navi">Navi</div>
<div id="content">Content</div>
<div id="footer">
<ul>
<li><a href="seite1.htm">Seite1</a></li>
<li><a href="seite2.htm">Seite2</a></li>
<li><a href="seite3.htm">Seite3</a></li>
</ul>
</div>
</div>
</body>
</html>
Woran liegt es wohl, dass der Footer jetzt nach unten rutscht und nicht mehr über der weißen Randlinie sitzt, sondern drin?
Danke schon im voraus ganz herzlich für die Hilfe!
Liebe Grüße
Elke