Seite 1 von 1

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

Verfasst: 29.11.2006, 21:02
von robo
Hi Leute,

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&#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 :)

Verfasst:
von

Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Verfasst: 29.11.2006, 21:16
von MonikaTS

Code: Alles auswählen

ul &#123; list-style&#58; inside; &#125; 
könnte dein Problem beheben

lg

Verfasst: 29.11.2006, 21:53
von robo
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 :)

Verfasst:
von

Verfasst: 30.11.2006, 01:06
von MonikaTS
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,


:robot: 0X

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!

8)

Verfasst: 30.11.2006, 11:15
von robo
Hmmm ... also mit der Erklärung kann ich jetzt nicht sonderlich viel anfangen ...

cu, Robo :)