Daniel N.: Problem: Höhe in <li> definieren

Beitrag lesen

SELF-Forum

Problem: Höhe in <li> definieren

Daniel N.
– Informationen zu den Bewertungsregeln

Hallo,

wenn ich für <li>-Elemente eine Höhe mit "height" definiere und in einer <ul> eine weitere <ul> eingeschachtelt habe, werden die unter der eingeschachtelten <ul> folgenden <li>s übereinander angezeigt.

Was passiert (implizit?) durch die Höhenangabe auf <li>? Was muß ich anderes machen?

Hier ein einfaches Beispiel, dass das Problem aufzeigt:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
<title>ul-Test</title>  
  
<style type="text/css">  
li {  
 height: 20px;  
}  
</style>  
  
</head>  
  
<body>  
  
<h1>ul-Test</h1>  
  
<ul>  
  <li>drei  
  <ul>  
    <li>drei-eins</li>  
    <li>drei-zwei</li>  
    <li>drei-drei</li>  
  </ul>  
  </li>  
  <li>eins</li>  
  <li>zwei</li>  
</ul>  
  
</body>  
</html>

Vielen Dank und viele Grüße
Daniel

Beitrag melden
–
Informationen zu den Bewertungsregeln