✔ Dominaz Probleme!

[Jantz]

Hallo Leute,

habe folgende CSS Problem. Nehmen wir mal an ich habe einen div #artikelbox. dafür habe ich nun bspw. <p> definiert. .artikelbox p { padding: 0px 20px 10px 20px;}. Soweit so gut, aber wenn ich beispielsweise einen Artikel schreibe:

<div id="artikelbox">
<p>blablabla bla blablablablkub bla bla blubb usw.
<ul>
<li>bla</li>
<li>bla</li>
</ul>
blablabla bla blablablablkub bla bla blubb usw.</p>
</div>

Das Problem ist jetzt, das der untere Teil des Artikel nichtmehr mit den Padding angaben aus der Definition (.artikelbox p {...} ) ausgeben bzw. angezeigt wird. Muss ich da was besonderes beachten? Irgendeine Dominanz oder sowas vergebe? Ich stehe leider gerade auf dem Schlau, sorry.

Gruß jantz

 

[Gumbo]

In p-Elementen sind nur Inline-Elemente erlaubt. Und genau das setzt auch wahrscheinlich dein Browser um und interpretiert den Teil nach dem Listenelement als CDATA.

 

[Jantz]

Ok dann ist das natürlich klar. Vielen dank, das wusste ich nicht.

Edit:
Lösung des Problems wollte ich dann nochmal reinposten:
Da es sich ja um Artikel dreht werden sie nun mittels Tabelle fixiert (bsp. Padding + Margin). Ich denke, dass ist ein guter Grund um eine Tabelle einzusetzen.

gruß jantz