Per Rasmussen wrote:
> Boksenes bredde er lavet i procent, og i eksemplet er de samlet
> 100 procent.
Den totale bredde af block-elementer er givet ved:
total bredde = width + margins + paddings + borders
I dit eksempel gælder derfor
totale bredder:
#box1 : 30% + 1px + 20px + 2px = 30% + 23px
#box2 : 40% + 1px + 20px + 2px = 40% + 23px
#box3 : 30% + 1px + 20px + 2px = 30% + 23px
------------
100% + 69px
hvilket er bredere end body.
Du kan løse det ved at lade hver box bestå af to divs, hvor den
totale bredde defineres for den yderste, og paddings, margins og
borders sættes på den inderste.
Eks.:
#box1 {
width: 30%;
float: left;
}
#box1body {
padding: 5px 1px 5px 20px;
margin: 5px 0 0 0;
border: 1px solid #f00;
background: #cfc;
}
og tilsvarende for de øvrige bokse.
Ligeledes skal du være opmærksom på, at total *højde* også er givet
ved:
total højde = height + margins + paddings + borders
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/fona/