Forum Doku Wiki Blog

Forumsarchiv 2005, Januar
footer einfügen

archivierte Beiträge lesen

  1. (HTML) footer einfügen von Ralf, 23. 01. 2005, 14:27

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:27 Uhr von Ralf veröffentlicht.

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.

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:28 Uhr von Mathias Bigge veröffentlicht.

Hi Ralf,

> immer ganz unten
Bedeutet das "an der unteren Fensterkante"?

Viele Grüße
Mathias Bigge
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:32 Uhr von Ralf veröffentlicht.

JA das soll es bedeuten.

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:34 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:34 Uhr von Ralf veröffentlicht.

Wo krieg ich Infos darüber her wie das geht damit es immer unten ist??

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:36 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:38 Uhr von Ralf veröffentlicht.

Ich werd schon nicht nervös. Habs nur vergessen in den anderern Beitrag mit rein zu schreiben.

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:41 Uhr von Ralf veröffentlicht.

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??

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:45 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 14:50 Uhr von Ralf veröffentlicht.

Danke für die vielen Hinweise. Ich meld mich wieder wenn ich auf weitere Probleme stoße.
MFG Ralf.

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:00 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:08 Uhr von RAlf veröffentlicht.

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??

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:16 Uhr von Ashura veröffentlicht.

Hallo.

> JA JA Hier bin ich wieder. Ich habs mal ausprobiert aber der Browser hats mir dan mitten rein gesetzt.

Welcher Browser?

Gruß, Ashura
--

Selfcode: sh:( fo:| ch:? rl:? br:^ n4:& ie:% mo:| va:) de:[ zu:| fl:( ss:{ ls:# js:|

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:17 Uhr von RAlf veröffentlicht.

IE und Firefox warum?

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:26 Uhr von Ashura veröffentlicht.

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
--

Selfcode: sh:( fo:| ch:? rl:? br:^ n4:& ie:% mo:| va:) de:[ zu:| fl:( ss:{ ls:# js:|

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:28 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

footer einfügen

Der folgende Beitrag wurde am 23. 01. 2005, 15:26 Uhr von Mathias Bigge veröffentlicht.

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
--
http://aktuell.de.selfhtml.org/tippstricks/index.htm

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4