PHP ver gevorderde |
|
Dat komt door je padding.
Paddings worden bij de breedte van het element opgeteld. Als je dus paddings toevoegd, moet je die padding van de gewenste breedte van het element afhalen.
Voorbeeld:
Ik wil een div met breedte 400 en hoogte 200. Nou wil ik dat-ie aan de linker- en rechterkant een padding van 10px heeft, boven een padding van 30px en onder van 10px. Dan ziet mijn css er als volgt uit:
div #voorbeeld {
padding: 10px 30px 10px 10px;
width: 380px; // 400 - 2x10, omdat die zowel aan de linker- als rechterzijde wordt toegepast
height: 160px; // 200 - 30 - 10, zelfde verhaal
}
div #voorbeeld { padding: 10px 30px 10px 10px; width: 380px; // 400 - 2x10, omdat die zowel aan de linker- als rechterzijde wordt toegepast height: 160px; // 200 - 30 - 10, zelfde verhaal }
|