2 svar · 213 visningar · startad av Mika3l
Har en div som ser ut som följande:
<div id="layer1" style="visibility:visible; position: absolute; width: 610px; padding: 8px; top: 215px; background: #FAFAFA;">Hem</div>
Men den blir större (8px) då jag använder padding. Varför och vad kan jag göra åt det? Padding ska väl bara ändra marginalen så att det påverkar texten?
En box' width anger den bredd där det kan presenteras något, t ex text. Det anger alltså inte själva boxens bredd, även om IEs felaktiga boxmodel tolkar width som just boxens bredd.
#layer1 blir alltså i ditt fall 8 (vänster padding) + 610 (width) + 8 (höger padding) = 626 px bred.
Sök efter "box model" i forumet eller på nätet för mer information.
W3Cs rekommendation:
http://www.w3.org/TR/CSS21/box.html
Aha, får göra en sökning och se vad jag hittar! :)