Ralf: footer einfügen

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.

  1. Hi Ralf,

    immer ganz unten

    Bedeutet das "an der unteren Fensterkante"?

    Viele Grüße
    Mathias Bigge

    1. JA das soll es bedeuten.

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

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

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

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

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

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

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

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

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

                      1. 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:|
                        1. IE und Firefox warum?

                          1. 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:|
                            1. 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

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