HTML-Problem - Listen-Bullets ragen in float-Elemente hinein
Verfasst: 29.11.2006, 21:02
Hi Leute,
ich hoffe, ich habe mich im Titel einigermassen verständlich ausgedrückt.
Hier der Code:
Es geht um das Problem, dass die Bullets der Liste nicht bündig mit den Paragraphen davor und danach sind, sondern weiter links stehen und sogar in das <div> hineinragen. Getestet mit mehreren aktuellen Browsern.
Ist das ein Darstellungsfehler oder habe ich ein Verständnisproblem? Wodurch kommt dieses Darstellungsproblem zustande und wie kann man es lösen?
cu, Robo
ich hoffe, ich habe mich im Titel einigermassen verständlich ausgedrückt.
Hier der Code:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<body>
<div style="border: 1px solid black; float: left; width: 200px; height: 400px; margin: 0 10px 10px 0;">
</div>
<p>
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<ul>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
</ul>
<p>
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
</body>
</html>
Ist das ein Darstellungsfehler oder habe ich ein Verständnisproblem? Wodurch kommt dieses Darstellungsproblem zustande und wie kann man es lösen?
cu, Robo
