Ongewenste margins bij CSS-layouts (1)

De kop in #groen is een h1 en dit is een h2.

Zowel de h1 als de h2 hebben in de browser standaard margins, tussen #groen en #geel overlappen deze elkaar en zorgen zo voor een gat tussen de divs. Dit los je als volgt op.

Anders wordt het als #geel een float heeft.

Wat je ziet in Dreamweaver komt niet altijd overeen met de weergave in de browser. Testen in de verschillende browsers blijft dus nodig. Zo staat er in Firefox ook ruimte boven #groen (veroorzaakt door de margin-top van de h1) terwijl zowel Dreamweaver als IE7 en ouder die niet tonen. Zodra je de h1 ook een margin-top: 0 geeft wordt de weergave in de browsers gelijk.

Start | Vorige | Volgende