Hallo,

innerhalb eines <div> COntainers mit padding-left: 12px; befindet sich ein <li> Element.

z.B.:
<div id="testen">
<li>Hallo LI</li>
</div>

Das Aufzählungssysmbol des <li> Elements ignoriert das padding des <div> COntainers. Der reine Text wird mit einem Abstand von 12px zum Rand korrkt dargestellt. Kan mir jmd. weiterhelfen weshalb das <li> das padding nicht beachtet??

Danke.

Was heißt "nicht beachtet"? Weniger oder mehr padding?

Außerdem gehört ein <li> in eine Liste (<ul> oder <ol>), nicht direkt in ein <div>. Auf diese Weise kannst du also keine sinnvolle Darstellung erwarten.

Du hättest also beispielsweise
Und das <li> und <ul> hat jedes sein eigenes padding und margin, welches sich auswirkt.

Hi,

es gibt zwei Möglichkeiten:
list-style-position:inside/outside; Entsprechend ist die Darstellung.

Da die Listenzeichen browserübergreifend oft nicht einheitlich dargestellt werden, empfiehlt es sich die Listenzeichen auszuschalten und eine HG-Grafik als solche einzubinden.
Das funktioniert sicher.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Dank Dir.

Mit dem inside/outside funktionierts.

Die li's werden zwar überall etwas anders dargestellt. Aber auch nur "etwas". Von daher kann man die browserübergreifend benutzen. Ist zumindest meine Meinung.


Danke.