nicht angemeldet
Ich mag in meinem markup keine sementisch überflüssigen Elemente und deshalb auch keine "wrapper".
Leider erfordern alle mir bekannten Lösungen um einen "sticky footer" zu verwenden einen wrapper.
Diese 3 Lösungen sind mir bekannt: Der Klassiker, die Alternative und selbst How to Centre and Layout Pages Without a Wrapper kommen ohne eine Art wrapper nicht aus.
Mein Layout besteht aus 2 Spalten: die Navigation links und der Inhalt rechts, darunter soll der Footer ohne dass ich die Navigation und den Inhalt in einen wrapper packen muss. Ist das möglich?
Hier mein Quelltext:
<body>
<div id="navigation">
<!-- ... -->
</div>
<div id="content">
<!-- ... -->
</div>
<div id="footer">
<!-- ... -->
</div>
</body>
und die CSS:
#navigation {
float: left;
width: 210px;
}
#content {
margin-left: 230px;
padding-bottom: 30px;
width: 700px;
overflow: auto;
}
footer {
color: #CCC;
clear: both;
background-color: #333;
height: 90px;
padding-top: 10px;
}
Jemand eine Idee?