Ausrichtung der Navigation innerhalb des Header

  • Hallo.


    Ich habe die Anleitung "MENÜ-Button für responsives Design" (https://www.html-seminar.de/to…omatische-umschaltung.htm) durchgearbeitet. Vielen Dank schonmal dafür. Ich möchte den Kopfbereich der Seite allerdings etwas anders gestalten: Links kommt ein größeres Logo hin. Dann soll sich die Navigation in der klassischen Ansicht (nicht zum ausklappen) am rechten unteren Rand des Kopfbereichs befinden. Dafür habe ich die Anweisung für das element Steuerung

    Code
    #steuerung {    
        float: right;
    }

    geändert auf

    Code
    #steuerung {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    Allerdings findet sich die Nagation dann immer am Boden der ganzen Seite und nicht unten im Kopfbereich.

    Wie kann ich das lösen?


    Vielen Dank im voraus!

    Johannes

  • Zitat

    Allerdings findet sich die Nagation dann immer am Boden der ganzen Seite und nicht unten im Kopfbereich.

    Das entspricht aber genau deiner CSS-Anweisung: bottom: 0; nimmt das Element aus dem Fluss heraus und positioniert es ganz unten. Was Du brauchst ist Flexlayout und align-self: flex-end; statt float. Informiere dich z. B. hier:

    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!