Float innerhalb einer Liste aufheben (strict HTML)

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

Dienstag, 19. Juli 2011, 17:50

Hi.

Mal wieder stehe ich vor einem Problem

.
Schematischer Quelltext:

	HTML
1 2 3 4 5	<ul id="nav"> <li>Link1</li> <li>Link2</li> <li>Link3</li> </ul>

Die einzelnen Listenelement haben eine feste Breite. Da ich sie in einer Zeile anordnen will habe ich sie links gefloatet. Der Liststyle der ganzen Liste ist natürlich "none". Nun habe ich aber das Problem, dass meine Liste einen Hintergrund hat und sie nicht ordnungsgemäß geschlossen wird, da ich ja einen offenen float-Befehl habe. Wie löse ich nun das Problem.
Eine Lösung wäre es ja einfach hinter dem dritten Listenelemt ein Div einzufügen, welches die Eigenschaft "float: none" hat. Das ist jedoch nicht dem stricten HTML komform.
Weiß jemand, wie ich die Sache mit strictem HTML lösen kann?

Gruß, Toast

Vulpire GbR - Marketingagentur in Köln und Dülmen

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Dienstag, 19. Juli 2011, 18:04

	HTML
1 2 3 4 5 6	<ul id="nav"> <li>Link1</li> <li>Link2</li> <li>Link3</li> </ul> <div style="clear:both"></div>

Mein kleines Projekt
-Cruel Online-

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

Dienstag, 19. Juli 2011, 19:09

Ja. Daran hatte ich auch schon gedacht. Dann ist alles HTML-Konform, jedoch wird dann der Hintergrund der Navigationsliste nicht vernünftig angezeigt. Ich muss also float noch vor </ul> aufheben (evtl. habe ich mich vorhin nicht ganz so klar ausgedrückt

).

Gruß, Toast

Vulpire GbR - Marketingagentur in Köln und Dülmen

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Dienstag, 19. Juli 2011, 19:30

wie variable ist denn das ganze das du dem ul element nicht feste Maße geben kannst ? vielleicht würde ein link oder ein screenshot besser vermitteln was du genau machen willst

-LA

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

Freitag, 29. Juli 2011, 15:03

Das Ganze ist jetzt hier zu sehen. http://www.dailybread-tattoo.com. Ich brauch jetzt kein Feedback oder so, es geht mir nur um das Problem mit der Navigation. Die Größe wird später per em geregelt.

Gruß, Toast

Edit: Momentan ist es mit dem Div in der Liste gelöst, was aber ja falscher Syntax ist.

Vulpire GbR - Marketingagentur in Köln und Dülmen

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Freitag, 29. Juli 2011, 15:18

ich sehe da jetzt kein großes Problem warum du nicht einfach bei #nav einfach ne höhe dazu fügst zb height:1.4em und dann das div einfach weglässt.

aber vielleicht übersehe ich da auch irgendwas

-LA

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »lorenz« (29. Juli 2011, 15:18)

Float innerhalb einer Liste aufheben (strict HTML)

HTML

HTML

Ähnliche Themen