Hi!
Ich versuche gerade so was ähnliches zu machen: http://www.curse.com/
Dort ist der Footer über die gesamte Breite aber der Inhalt bleibt innerhalb des inneren Wrappers...
Ich hab jetzt schon einige SAchen gelesen und bekomme es auch so hin das der Footer über die gesamte Breite geht aber wenn ich versuche den Wrapper mit 960px mittig auszurichten wird entweder der Footer nur genau so breit, oder Content flutscht an die linke Seite... Ich kann zwar das was ich drin haben mit <center> mitti ausrichten aber dann ist ein platzieren von Widgets oder anderen Links kaum mehr zuverlässig möglich...
Immoment sieht das in etwa so aus (Footer über die gesamte Breite Inhalt darüber mit 960px):
<div id="fullwrap">
<div id="wrapper">
</div><!-- wrapper -->
<div id="footer">
<div id="footer-data">
Content
</div><!-- footer-data -->
</div><!-- footer -->
</div><!-- fullwrap -->dazu folgender CSS-Code:
#footer {
clear: both;
height:400px;
width: 100%;
position: relative;
background: black;
}
#footer-data {
width: 960px;
padding-top: 20px;
text-align: center;
background-color: black;
}
#fullwrap {
width: 100%;
}
#wrapper {
width: 960px;
margin: auto;
text-align: left;
}Das einzige was mir noch einfallen würde wäre eine Minus margin von der höhe des footer divs zu setzen aber das ist ja eher ein hack als eine Lösung...
Hat jemand eine Idee?