Border og padding skal også fraregnes selvom div's width i %
Efter at jeg er gået fra at bruges tables til div fandt jeg hurtigt ud af at den tæller f.eks. border, padding, margin osv. med i bredden/(og højden). Fint nok, det var jo bare lige noget simpel matematik, så i starten gik det fint, indtil jeg skulle bruge %Det der sker er at jeg har en main-div på width: 580px;. På selve siden/indholdet er der så nogle boksen med width: 100% (af main-diven) og ikke 580px; fordi hvis jeg skifter bredde på main-diven skal jeg skifte højde i alle siderne.
Men selvom det er procent så gjorde jeg den opdagelse at den så åbenbart siger width: 100% + 1px (border) + 5px (padding) osv.
Så bliver det jo, hvis vi erstatter 100% med 580 som det gør når det bliver parset bliver det så 586px, men det skal jo kun være 580px, så "cellen" bliver breddere.
Denne side er nok det der illustrerer det bedst, hvis man kigger i højre side af main'en kan man se det ikke er lige.
http://www.advancedweb.dk/status/
Hvordan klarer jeg den?