Вопрос: почему padding увелививает ширину блока?
Для блоков left и right выставлена ширина в процентах, теоретически, если один блок 26% то второй должен быть 73%, да бы в сумме было 100%, но на практике совсем по-другому. И я так понимаю что это все связано с падингами. Почему падинг расширяет блок? ведь ширина должна оставаться заданной а внутреннее содержимое ужиматься. Почему так происходит? Неужели прийдется все время подгонять ширину с учетом падингов?css
body {background: #fff url(images/bg_head.jpg) repeat-x top; font: 9pt Helvetica, sans-serif; text-align: center; color: #4d4d4d; }
div#container {width: 1024px; text-align: left; background: #fff; margin: 0 auto; }
div#header {height: 250px; margin-bottom: -28px; padding: 0; color: #000; }
div#main { padding:0 20px; }
div#left {float:left; border-right:1px solid #b3b3b3; width:26%; padding:28px 10px 0 10px; height:300px;}
div#right {float:right; width:71%; padding:30px 10px 0 10px;}hrml
<body>
<div id="container">
<div id="header"><a href="/"><img src="images/baner_head.gif" /></a></div>
<div id="main">
<div id="left">sf</div>
<div id="right">sdf</div>
</div>
</div>
<body>