Verschaltete UL's im IE6 falscher Abstand

netzy · 1 August 2010

Hallo,
ich habe verschachtelte UL's erstellt und diese werden im IE8 und FF richtig angezeigt. Wie immer spinnt der IE6 und der IE 7.
Wie kann ich den <li>'s einen Abstand von Links zuweisen?

Ganz einfaches Beispiel:

HTML:

<ul>
<li>das</li>
<ul>
<li>das</li>
<li>das</li>
</ul>
<li>das</li>
</ul>

HTML:

ul
{
    padding-left: 10px;
}

ul li
{
}

ul ul
{
    padding-left: 10px;
}

Hier der ganze Code in einer Datei

HTML:

<html>
<head>
<style type="text/css">

ul
{
    padding-left: 10px;
}

ul li
{
}

ul ul
{
    padding-left: 10px;
}
</style>
</head>

<body>
<ul>
<li>das</li>
<ul>
<li>das</li>
<li>das</li>
<li>das</li>
</ul>
<li>das</li>
<li>das</li>
</ul>

</body>
</html>

Wer weiß Rat?

Danke!

_Thor_ · 1 August 2010

Die Verschachtelung ist falsch, die UL muss von dem LI eingeschlossen sein.

HTML:

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>

Für den falschen Abstand solltest du zuerst margin und padding auf 0 setzen. Einige Browser verwenden margin für Listen, andere padding und manche auch beides. Also ein einfaches

Code:

ul {margin: 0; padding: 0;}

vorweg, dann kannst du dir deine Abstände selbst definieren und es sollte in jedem Browser passen.

netzy · 1 August 2010

_Thor_ schrieb:
Die Verschachtelung ist falsch, die UL muss von dem LI eingeschlossen sein.
Für den falschen Abstand solltest du zuerst margin und padding auf 0 setzen. Einige Browser verwenden margin für Listen, andere padding und manche auch beides. Also ein einfaches

Code:

ul {margin: 0; padding: 0;}

vorweg, dann kannst du dir deine Abstände selbst definieren und es sollte in jedem Browser passen.

Vielen Dank für die schnelle und vorallem richtige Hilfe!!

Verschaltete UL's im IE6 falscher Abstand

netzy

Neues Mitglied

_Thor_

Aktives Mitglied

netzy

Neues Mitglied

Neueste Beiträge