Fehler bei der Positiopnierung

  • Hallo,

    ich habe das Problem, dass sich die Fußzeile über den Inhalt legt, wenn der Inhalt größer wird als die Seitenhöhe. Das sieht dann nicht mehr so prickelnd aus.

    Mir ist klar, dass ich irgendetwas falsch positioniert habe. Ich weiß nur nicht was.


    Hier ist mal eine kurze Beschreibeung.

    Ein Div das alles umschließt.

    Darin befindet sich ein weiters Div, dass die Navigation, den Inhalt, Hörproben und die Fußzeile beinhaltet.

    Navigation, Inhalt und Hörproben stehen in 3 Spalten nebeneinander.

    Die Fußzeile ist unten auf der Seite positioniert.


    In HTML:

    <div><!-- start container-->

    <div>Kopf</div>

    <div><!--start container2>

    <div>Navigation</div><div>Inhalt</div><div>Hörprober</div>

    <div>Fußzeile</div>

    </div><!--ende container2-->

    </div><!--ende container>


    Die Fußzeile habe ich in CSS so formatiert:

    fusszeile {

    text-align: center;

    position: absolute;

    bottom: 10px;

    border: dotted;

    width: 75%;

    padding: 5px 0 5px 0;

    }


    Vielleicht kann mir ja jemand helfen


    Danke für's Lesen

  • Feste Positionen sind immer Mist.

    Guck dir mal das Thema Flex boxen an, du mit kannst du das beheben und ist in weiteren verlauf auch vorteilhafter.


    Was soll das den werden?

    Code
    fusszeile {

    Das geht so nicht ,weil wenn dann musst du da eine ID rausmachen #fusszeile , oder eine Klasse .fusszeile oder dankt HTML5 gibt es auch <footer> und dann schreibt man da Footer hin.


    Hier mal ein Beispiel wie man es machen könnte

    https://basti1012.bplaced.net/…rdner=html-seminar&id=326



    EDIT: Ich habe hier im Forum mal ein Link bekommen, der ganz gut ist um sich mit Flex boxen, auseinander zusetzten

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!