Ergebnis 1 bis 2 von 2

Thema: Footer am Seitenende erstellen

  1. #1
    Azubi(ne)
    Registriert seit
    07.04.2018
    Beiträge
    78
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard Footer am Seitenende erstellen

    Hallo Zusammen!

    Ich habe eine kleine Frage:
    Ich habe auf meinen Seiten einen Footer. Aber nicht auf jeder Seite ist der ganz unten, also es ist dadrunter immer noch platz

    HTML-Code:
        <div class="footer">        <div id="erklärung"><p><a href="index.hmtml">Start</a> | <a href="news.html">News</a> | <a href="clans.html">Clans</a> | <a href="games.html">Games</a> | <a href="bewerben.html">Bewerben</a> | <a href="server.html">Server</a> | <a href="team.html">Team</a> | <a href="impressum.html">Impressum</a> | <a href="kontakt.html">Kontakt</a> | <a href="datenschutz.html">Datenschutz</a></p></div>                <div id="erklärung"><p>© SimuUndQuex2018</p></div>    </div>
    Code:
    .footer{    background-color: #2e3842;
        display: flex;
        justify-content: center;
        margin-top: 25px;
        height: auto;
        color: wite;
        display:flex;
        flex-direction:column;
        float: center;
        margin: 150 0 0 0 auto;
        border-top: 3px solid #21b2a6;
    }
    .footer #überschrift{
        float: center;
        margin: 0 auto;
    }
    .footer #erklärung{
        float: center;
        margin: 0 auto;
        text-decoration: none;
    }
    .footer #erklärung-2{
        float: center;
        margin: 0 auto;
        width: 1024px;
    }
    .footer #erklärung a{
        text-decoration: none;
        color: white;
    }
    Aber wie kann ich es machen, dass der immer am Ende der Seite ist, also vom Bildschirm, aber nur wenn der Seiteninhalt zu wenig ist?


    ___________________________________
    MfG

    Simuletsplay

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.579
    Danke
    23
    Bekam 137 mal "Danke" in 136 Postings

    Standard AW: Footer am Seitenende erstellen

    Das kommt ein bisschen darauf an, wie Dein Gesamtgerüst aufgebaut ist.
    Du nutzt ja bereits flex. Wenn Du einen vertikalen Bereich von bspw. drei Containern ( z.B. header, main, footer ) hast, kannst Du diese mit flex so anordnen, dass der header immer oben und der footer immer unten ist und der Content sich de gesamten Raum dazwischen nimmt.

    Aber das hängt wie gesagt stark von Deinem Gesamtgerüst ab.

Ähnliche Themen

  1. Footer-Text befindet sich "unter" dem Footer (mit Screenshot)
    Von Janina94 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 15.05.2018, 10:04
  2. Problem mit sticky footer (footer wandert nach oben)
    Von NinaH im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2013, 13:22
  3. Footer am Seitenende ausrichten - wo ist der Fehler?
    Von z0nk im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.09.2012, 18:57
  4. DIV bis auf 100% zum Seitenende auffüllen
    Von Antispy im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.08.2012, 21:01
  5. Footer in IE6
    Von Gast im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 04.03.2007, 17:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •