Aha,
ik zie in je html staan:
Code:
[FONT="Courier New"][SIZE="2"]<body>
<div id="container">
<div id="apDiv2">
<div id="apDiv1"></div>
<p>[COLOR="DarkRed"] [/COLOR]</p>
<div id="apDiv3">
<img src="fotoos/logo5.png" width="960" height="90">
</div>
...
enz.[/SIZE][/FONT]
Daarin is de
<p> </p> de boosdoener, die zegt: maak een alinea aan van 1 regel, en zet daarin één spatie (de
is een "NonBreakingSPace").
Dat gebeurt dan ook, en er komt dus een regel (met een spatie er in, maar die zie je niet) bij, voorafgaand aan het volgende element: het logo. En tenzij je in de css duidelijk opgeeft dat een paragraaf <p> géén boven- en beneden-margin mag hebben (en geen boven- en beneden-padding): een paragraaf krijgt automatisch een bepaalde afstand tot het vorige en het volgende element in de html: iets lege ruimte er boven en er onder.
Maak er maar eens dit van:
Code:
[FONT="Courier New"][SIZE="2"]<body>
<div id="container">
<div id="apDiv2">
<div id="apDiv1"></div>
<p>ohhh!</p>
<div id="apDiv3" [COLOR="DarkRed"]style="margin-top: 20px;"[/COLOR]>
<img src="fotoos/logo5.png" width="960" height="90">
</div>
...
enz.[/SIZE][/FONT]
We hebben het logo nu wat laten zakken, en zien dat de tekst nu precies bovenaan in de lichtblauwe (
#CAE9FD) achtergrond van de #container zit. De vrije ruimte er boven is de automatisch ingevoegde margin-top van de <p>. Oftewel met:
Code:
[FONT="Courier New"][SIZE="2"]<body>
<div id="container">
<div id="apDiv2">
<div id="apDiv1"></div>
<p [COLOR="DarkRed"]style="margin-top: 0;"[/COLOR]>ahhh!</p>
<div id="apDiv3" [COLOR="DarkRed"]style="margin-top: 20px;"[/COLOR]>
<img src="fotoos/logo5.png" width="960" height="90">
</div>
...
enz.[/SIZE][/FONT]
... is de kier gedicht!
Maar het beste kan je de hele
<p> </p> gewoon wissen, dan bestaat ie niet, en kan ie ook geen hoogte of margins hebben.
En ik geloof trouwens dat de hele
<div id="apDiv1"></div> ook gemist kan worden, want die doet niets, en heeft ook geen css (er is geen
#apDiv1 {...} ) die iets opdraagt.
Met vriendelijke groet,
CSShunter
