Problem mit width: 25% bei drittem div > ul > li

[MrMurphy1]

Hallo

Was habe ich beim Selektor falsch gemacht?

Nix.

Zum Testen kannst du ja mal eine Hintergrundfarbe hinzufügen. Die Hintergrundfarbe funktioniert bei fast allen Elementen, deshalb ist sie zum Testen gut geeignet.

Dein Problem sind die HTML-/CSS-Grundlagen, um die du dich bislang erfolgreich gedrückt hast.

Grundsätzlich sollten Tabellen nicht zum Layouten mißbraucht werden.

Ein Problem (neben anderen): Die führen ein Eigenleben und CSS-Anweisungen wirken nur eingeschränkt.

Gleiches gilt natürlich wenn Elemente mit "display: table" oder "display: table-cell" beeinflußt werden. Deshalb verhalten sich die li-Elemente in deinem Fall wie Tabellenzellen.

Die li werden zwar selektiert, aber die Eigenschaft "width: 25%" hat halt, wie bei Tabellenzellen auch, keine Auswirkungen.

Deshalb solltest du auf "display: table-cell", "display: table" und ähnliches verzichten. Grade Anfänger schaffen sich dadurch nur Probleme.

Gruss

MrMurphy