HTML-Problem - Listen-Bullets ragen in float-Elemente hinein

Beitrag von **robo** » 29.11.2006, 21:02

Hi Leute,

ich hoffe, ich habe mich im Titel einigermassen verständlich ausgedrückt.

Hier der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http&#58;//www.w3.org/1999/xhtml">

 <head>
  <title>Test</title>
 </head>
 
 <body>
 
  <div style="border&#58; 1px solid black; float&#58; left; width&#58; 200px; height&#58; 400px; margin&#58; 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>

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

von **Anzeige von ABAKUS** »

Beitrag von **MonikaTS** » 29.11.2006, 21:16

Code: Alles auswählen

ul &#123; list-style&#58; inside; &#125;

könnte dein Problem beheben

lg

Beitrag von **robo** » 29.11.2006, 21:53

einfach hat geschrieben:
Code: Alles auswählen
ul &#123; list-style&#58; inside; &#125; 
könnte dein Problem beheben

Genial. Vielen Dank.

Nur verstehe ich nicht, warum das nur passiert, wenn ein Element mit Float danebensteht.

Wenn die Liste direkt am linken Rand steht, passiert es doch auch nicht! Im Gegentum, da ist die Liste samt Bullets noch extra eingerückt! Für mich total unlogisch.

cu, Robo

von **Anzeige von ABAKUS** »

Beitrag von **MonikaTS** » 30.11.2006, 01:06

ein floatendes Ding schummelt sich quasi auf den angestammten Platz der Liste

--->
glaubt man,

aber wirklich legt sich nur eine Folie darüber (Layer) ,
auch wenn diese ganzen Dinger meist *box* also Schachtel heißen,

ganz gemein und ein bisschen non -gender -mäßig könnt ich sagen, all diese Verhaltensweisen haben sich zu 99,99999999999% männliche Programmierer einfallen lassen und da fragst Du mich als Frau nach Logik!

Beitrag von **robo** » 30.11.2006, 11:15

Hmmm ... also mit der Erklärung kann ich jetzt nicht sonderlich viel anfangen ...

cu, Robo