[ERLEDIGT] Umbruch nach Liste im Nav Tag

[yellow83]

Hallo,

das ist nicht leicht zu beschreiben, ich versuche es aber mal. Im Prinzip ist es sicher einfach, meine Laienkentnisse lassen mich aber gerade auf dem Schlauch stehen. Im angehängten Screenshot sieht man das ganz gut. Die H2 soll nicht in einer Zeile mit der Navi auftauchen, sondern darunter.

Über einen "Schubs" in die richtige Richtung, wäre ich sehr dankbar!

 

[Tronjer]

Mögliche Fehlerquelle nach deinen Screenshots: Der float bei ul.nav_main a wird nicht gecleared.

 

[yellow83]

Super! Danke für die schnelle Antwort.

Kannst Du mir kurz sagen wie ich das hinbekomme, dass es nicht so ist? :)

 

[yellow83]

Hab es nun hinbekommen, danke Trojaner für die grobe Richtung.

Habe nun via google gelernt: "Wer float sagt, muss auch clear sagen!"

Ob meine lösung nun üblich ist weiss ich nicht, es hat mir aber den erwünschten Erfolg gebracht. Eine p class "clear" erstellt mit clear:booth; und dieses unter der Liste eingefügt. Nun wird es dargestellt wie gewünscht!

Schönen Abend allen!

 

[Tronjer]

Es gibt zwei Ansätze bei floats. Der schlechtere ist ein leeres Blockelement mit clear. Der bessere die Klasse .clearfix (googeln) auf dem jeweiligen Parent.

Ich würde an deiner Stelle lieber die Listelemente statt der Anker floaten, oder alternativ ein display:inline-block verwenden. Dann ersparst du dir das clearen.