footer einfügen
Ralf
- html
0 Mathias Bigge0 Ralf0 Mathias Bigge0 Ralf0 Mathias Bigge0 Ralf0 Ralf0 Mathias Bigge0 Ralf0 Mathias Bigge0 RAlf0 Ashura0 Mathias Bigge
Ich bin grade am erstellen einer Homepage. Jetzt will ich einen footer mit den copyrightdaten usw. einfügen dieser soll aber immer ganz unten sein egal wie die seite ist wie geht das.
Hi Ralf,
immer ganz unten
Bedeutet das "an der unteren Fensterkante"?
Viele Grüße
Mathias Bigge
JA das soll es bedeuten.
Hi Ralf,
JA das soll es bedeuten.
Unter "footer" findest Du im Archiv dazu diverse Lösungen, Beispiele gibt es auch bei Alistapart.
http://www.alistapart.com/articles/footers/
Viele Grüße
Mathias Bigge
Wo krieg ich Infos darüber her wie das geht damit es immer unten ist??
Hi Ralf,
Wo krieg ich Infos darüber her wie das geht damit es immer unten ist??
Nana, nicht gleich nervös werden, Du kriegst Deinen wertguten Footer schon noch nach ganz unten *g*
Viele Grüße
Mathias Bigge
Ich werd schon nicht nervös. Habs nur vergessen in den anderern Beitrag mit rein zu schreiben.
Ich hab mal bei der Seite vorbei geschaut. Wie muss ich aber den Code Handhaben?
<div id="container">
<div id="content">...</div>
<div id="footer">...</div>
</div>
And your style rules look like:
#container {
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
WO muss ich was einfügen??
Hi Ralf,
<div id="container">
<div id="content">...</div>
<div id="footer">...</div>
</div>And your style rules look like:
#container {
position: relative;
}#footer {
position: absolute;
bottom: 0;
}
WO muss ich was einfügen??
Sorry, aber das kommt auf Deine Datei an. Es könnte sein, dass Du eine zentrale CSS-Datei hast, in die Du die Style-Definitionen einfügst. Dort könnten eventuell die Elemente html und body eine Höhe von 100% haben.
Dann kommt es auf die Elemente in Deiner HTML-Datei an. Es könnte sein, dass dein Footer den body als Elternelement hat. Dann reichen die hier angegebenen Defintionen aus. Sonst musst Du halt mal gucken, welches Element das Elternelement deines Footers ist und welche Eigenschaften es hat.
CSS-Positionierung macht Spaß!
Viele Grüße
Mathias Bigge
Danke für die vielen Hinweise. Ich meld mich wieder wenn ich auf weitere Probleme stoße.
MFG Ralf.
Hi Ralf,
Danke für die vielen Hinweise. Ich meld mich wieder wenn ich auf weitere Probleme stoße.
Mach das. Es ist nicht ganz ohne, das Problemchen, wie Du schon aus dem Alistapart-Zeugs erkennen kannst.
Viele Grüße
Mathias Bigge
JA JA Hier bin ich wieder. Ich habs mal ausprobiert aber der Browser hats mir dan mitten rein gesetzt.
<div id="container">
<div id="content">...</div>
<div id="footer">...</div>
</div>
And your style rules look like:
#container {
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
However, absolutely positioned elements are
so lautet der code auf der seite.
Ich habs dann so probiert.
<html>
<head>
<title>...</title>
<style type="text/css">
#footer {
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
(Dann den Inhalt und unten dan)
<div id="footer">...</div>
</body>
</html>
SO hab ichs probiert, was ist da falsch dran??
Hallo.
JA JA Hier bin ich wieder. Ich habs mal ausprobiert aber der Browser hats mir dan mitten rein gesetzt.
Welcher Browser?
Gruß, Ashura

IE und Firefox warum?
Hallo.
IE und Firefox warum?
Firefox macht ja im Allgemeinen keine Probleme, doch der IE erwartungsgemäß umso mehr. Ich wollte damit auf den Inhalt von http://www.alistapart.com/articles/footers/ anspielen, wo noch einmal explizit auf die Eigenheiten der verschiedenen Browser eingegangen wird.
Hast du dies alles berücksichtigt?
Gruß, Ashura

Hi Ashura,
Firefox macht ja im Allgemeinen keine Probleme, doch der IE erwartungsgemäß umso mehr.
Aufgrund seiner Fehlerbeschreibung (der Footer irgendwo in der Mitte) vermute ich eher, dass es an seiner HTML-Struktur liegt.
Viele Grüße
Mathias Bigge
Hi RAlf,
#footer {
position: absolute;
bottom: 0;
}
Die Postion an der Unterkante wird durch bottom:0; festgelegt. Jetzt ist die Frage, auf welche Unterkante sich das bezieht. Du müsstest uns also genau darstellen, wie dein relevanter HTML-Code aussieht. Wenn Du selber etwas lernen willst, nimm erstmal nur ein einzelnes div und richte es dann auf die beschriebene Weise aus. Dann überleg mal, welche Elternelemente zwischen body und deinem Footer stehen, in deiner Seite meine ich....
Viele Grüße
Mathias Bigge