[CSS/HTML] tekst in div begint lager bij gebruik van <p>

[Verwijderd]

Als voorbeeldje even het volgende. Als ik onderstaande gebruik:

code:

<div><p>titel</p></div>

in plaats van:

code:

<div>titel</div>

Dan komt de tekst in het eerste geval een stuk lager te liggen, sterker nog: de hele div komt lager te liggen (zie ik als ik een achtergrondkleurtje er op toepas).

Met css heb ik al het volgende geprobeerd:

code:

<div style="padding:0px; margin: 0px;"><p>titel</p></div>

Het probleem heb ik in IE en in Firefox (geen andere browsers nog getest maar dat maakt ook even niet uit ). Ik zit al de hele ochtend er over te puzzelen maar kom er echt niet uit. Ook Google gaf mij geen antwoord op deze vraag (het is ook wel wat moeilijk zoeken). Wat mij verder nog is opgevallen is dat de div niet verschuift bij:

code:

<div>titel</div>

en ook gaat het goed bij:

code:

<table><tr><td>titel</td></tr></div>

Omdat de ene pagina met een <p> begint en de andere weer met een <table> en ik alles op dezelfde plek wil laten beginnen zal ik toch een oplossing moeten hebben. Aangezien de pagina ook met <table> kan beginnen is <p> overal toepassen dus geen optie.

[Verwijderd]

Hoe dacht je erover om het P element te stijlen?

[Cyphax]

Verwijderd schreef op vrijdag 04 februari 2005 @ 12:38:
Hoe dacht je erover om het P element te stijlen?

Juist, die margin en padding kun je beter voor het P element zetten, dan komt het helemaal goed.

[Verwijderd]

Argh, eigenlijk wel een stomme fout. Aan de andere kant, waarom schuift de hele div dan naar beneden

[Verwijderd]

Wel is gehoord van margin collapsing? Ik gok van niet: Uncollapsing Margins.

[Verwijderd]

Verwijderd schreef op vrijdag 04 februari 2005 @ 12:48:
Wel is gehoord van margin collapsing? Ik gok van niet: Uncollapsing Margins.

Bedankt voor de nuttige link, nu begrijp ik het probleem.