[HTML/CSS] layout probleem padding/margin

[nemesis_]

Op mijn site, en dan op deze pagina, heb ik een layout probleempje.
Zie het eerste bericht in m'n weblog. Die over een 'Man stopt baby in droger' (wat een klootzak btw).

Ik quote een stukje tekst en gebruik daar <blockquote> voor.
De structuur van een alinea is als volgt:

code:

<div class="blog">
        <h1>[title]</h1>

        <h3>Posted by <em>warriorofmars</em> on May 30th, 2006, 10:14</h3>
        <p>
            Bron: <a href="http://nu.nl">nu.nl</a>[plaatje]<br />
            <br />
            <blockquote><div class="quotehead">quote:</div>
            <div class="quotecontent">[tekst]</div></blockquote><br />
            <br />
            tekst onder de blockquote <-- dit heeft ineens geen padding-left van 2px
        </p>
        <p class="blogfooter">[footer]</p>

    </div>

In mijn CSS staat dat alle <p>'s in de klasse blog een padding-left van 2px krijgen, dit werkt voor de <blockquote>, erna niet meer?!
Ik heb clear:both op een blockquote staan, maar ook als ik die weghaal gebeurt hetzelfde. Daar ligt het dus niet aan.

[crisp]

Sinds wanneer mag een P-element een blockquote bevatten?

[nemesis_]

crisp schreef op dinsdag 30 mei 2006 @ 11:41:
Sinds wanneer mag een P-element een blockquote bevatten?

Ok, nou je het zegt, dat mag inderdaad niet.
Maar dat verklaart het probleem nog niet vind ik.

Ik heb het nu zo gemaakt dat de P eerst afgesloten wordt, dan de blockquote, dan weer een P openen.

[Technicality]

crisp schreef op dinsdag 30 mei 2006 @ 11:41:
Sinds wanneer mag een P-element een blockquote bevatten?

Hehe inderdaad, maar een tip voor de volgende keer: Validate even met de w3c validator, die haalt dit soort dingen er feilloos uit (ook niet-afgesloten elementen e.d.)

[nemesis_]

Ik heb hem in het verleden gevalidatet, maar daar heb ik dit probleem niet gevonden. Ach ja, het werkt nu.

[crisp]

Wat er gebeurd is heel logisch. Remember dat de close-tag van een P-element optional is. Als een parser een element tegenkomt dat niet binnen een paragraph mag voorkomen dan sluit hij impliciet de paragraph af; als je zeg maar deze code hebt:

HTML:

<p>
  tekst
  <blockquote>
    quote
  </blockquote>
  tekst
</p>

dan wordt dit je parsetree:

code:

ELEMENT OPEN: <p>
  TEXT: tekst
ELEMENT CLOSE: </p> (implicit)
ELEMENT OPEN: <blockquote>
  TEXT: tekst
ELEMENT CLOSE: </blockquote>
TEXT: tekst
ELEMENT CLOSE: </p> (invalid - ignored)

[nemesis_]

Dat is duidelijk, maar in XHTML, met de juiste DOCTYPE, is een closing p toch wel nodig, tenzij je <p /> gaat gebruiken? Of praat ik nou onzin?

[user109731]

nemesis_ schreef op woensdag 31 mei 2006 @ 09:52:
Dat is duidelijk, maar in XHTML, met de juiste DOCTYPE, is een closing p toch wel nodig, tenzij je <p /> gaat gebruiken? Of praat ik nou onzin?

Closing P is nodig ja. Maar <p /> is verkeerd, omdat P geen 'empty element' (zoals <br>) is. Dit had je ook wel zelf kunnen vinden

Overigens, de DOCTYPE alleen zegt niet of het XHTML is, het moet ook zo door de server verstuurd worden...

[ Voor 18% gewijzigd door user109731 op 31-05-2006 09:58 . Reden: linkje toegevoegd ]

[nemesis_]

ik heb niks gezegd

een <p /> is ook onzin trouwens