nicht angemeldet
Layout mit footer immer ganz unten
Hallo Leute,
ich baue mir gerade ein Template zusammen bei dem der footer immer ganz unten ist. egal wieviel inhalt die seite hat. Hab da auch was im netzt dazu gefunden und bin danach vor gegangen. nur leider klappt das nicht so ganz. Der footer wird mir immer unten um browserfenster aber net am ende der tatsaächlichen seite angezeigt? Evtl. hat mir da wer nen trick oder kann mir sagen wieso es bei mir nicht geht obwohl ich strickt nach den vorgaben gegangen bin?
Die Vorgaben:
http://fwpf-webdesign.de/files/uploa...der+footer.htm
Die Seite:
http://www.meier-shk.com.dd1004.kasserver.com/cms/
Hier evtl. nochmal eine kurz zusammenfassung der HTML:
<body>
<div id="wrap">
<div id="bildcontainer"></div>
<div id="menu_top"><?php mosLoadModules ( 'top' ); ?></div>
<div id="menu_rechts"><?php mosLoadModules ( 'right' ); ?></div>
<div id="menu_links"><?php mosLoadModules ( 'left' ); ?></div>
<div id="content"><?php mosMainBody(); ?></div>
</div>
<div id="footer"></div>
</body>
Auszug aus der CSS:
/* Allgeimeine Einstellungen */
* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
height:100%;
background: url(../images/bg.jpg) repeat-y top left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 1.5em;
font-style:normal;
}
/* Positionierung der Container */
#wrap {
min-height:100%;
position:relative;
}
/* IE Win < 7 only \*/
* html #wrap {
height:100%;
}
/* end IE Win < 7 only */
#content {
position:absolute;
top:190px;
width:620px;
left:180px;
padding-bottom:140px;
}
#bildcontainer {
position:absolute;
background: url(../images/top.jpg) repeat-y top left;
width:990px;
height:160px;
left:0px;
top:0px;
margin:0px;
padding:0px;
}
#menu_links {
position:absolute;
width:155px;
left:0px;
top:190px;
margin:0px;
padding-bottom:140px;
}
#menu_rechts {
position:absolute;
width:155px;
left:815px;
top:190px;
margin:0px;
padding-bottom:140px;
}
#menu_top {
position:absolute;
width:978px;
height:20px;
left:0px;
top:160px;
margin:0px;
padding:0px;
}
#footer {
position:relative;
background: url(../images/bottom.jpg) repeat-y bottom left;
left:0px;
width:978px;
height:140px;
margin-top:-140px;
padding:0px;
}
Wie immer ein dickes Danke in voraus!!!
-
Hi,
ich baue mir gerade ein Template zusammen bei dem der footer immer ganz unten ist. egal wieviel inhalt die seite hat. Hab da auch was im netzt dazu gefunden und bin danach vor gegangen.
Hast du auch *verstanden*, wie es funktioniert/funktionieren soll?
nur leider klappt das nicht so ganz. Der footer wird mir immer unten um browserfenster aber net am ende der tatsaächlichen seite angezeigt?
Mit einer schlichten relativen Positionierung innerhalb von body, so wie du vorgegangen bist, wuesste ich nicht, wie man das erreichen sollte.
Evtl. hat mir da wer nen trick oder kann mir sagen wieso es bei mir nicht geht obwohl ich strickt nach den vorgaben gegangen bin?
</archiv/2007/1/t145177/#m942061>
Und btw., den Hauptinhaltsbereich einer Seite absolute zu positionieren, halte ich im allgemeinen fuer keine sonderlich gute Idee.
Die Vorgaben:
http://fwpf-webdesign.de/files/uploa...der+footer.htm404 File Not Found [1].
(HTTP-technisch zumindest. Als menschlicher Nutzer der Seite erhalte ich nicht den geringsten Hinweis, dass das von mir angeforderte nicht vorhanden ist, sondern lande kommentarlos auf der Startseite. Da solltest mal nachbessern.)[1] Wohl beim Crossposten per C&P aus einem anderen Forum, welches verlinkte URLs optisch derart kuerzt, passiert?
MfG ChrisB
-
Die Seite ist so durcheinander weil mir wer empfohlen hat mit Float zu arbeiten. Daher kann man jetzt net mehr alles nachvollziehen. Mit der Float Geschichte kenne ich mich net so richtig aus. Lese mich gerade ein. Wenn ich es hin bekomme poste ich hier die Antwort
-