Als je niet weet wat het verschil is tussen opvulling en marges, ben je niet de enige. Het is een veelgestelde vraag en heeft menig webontwerper verbluft. Leer met deze korte tutorial een onderscheid te maken tussen deze twee.
Het verschil begrijpen
Marges en opvulling kunnen verwarrend zijn voor de beginnende webontwerper en soms zelfs voor ontwerpers met meer ervaring. In sommige opzichten lijken ze immers op hetzelfde: witte ruimte rond een afbeelding of object.
Opvulling is eenvoudigweg de ruimte binnen de rand tussen de rand en de werkelijke afbeelding of celinhoud. In de afbeelding is de opvulling het gele gebied rond de inhoud. Merk op dat opvulling volledig rond de inhoud gaat. U vindt vulling aan de boven-, onder-, rechter- en linkerkant.
Aan de andere kant zijn marges de spaties buiten de rand, tussen de rand en de andere elementen naast dit object. In de afbeelding is de marge het witte gebied buiten het gehele object. Merk op dat, net als de opvulling, de marge volledig rond de inhoud gaat. Er zijn marges aan de boven-, onder-, rechter- en linkerkant.
Bruikbare tips
Houd er rekening mee dat als u van plan bent echt mooie dingen met marges en padding te doen, sommige browsers, zoals Internet Explorer, het boxmodel niet correct implementeren. Dit betekent dat uw pagina's er in andere browsers anders (en soms sterk verschillend) uitzien.
