Странный отступ
Доброго времени суток, Макс.
Простого решения, может и не найти, потому что IE - это IE, и рядом с флоатом
он добавляет эти несчастные три пикселя отступа.
Предлагаю следующее решение, не слишком навороченное, но работает.
...
<style type="text/css">
div#left {
float: left;
width: 150px; height: 50px;
background-color: green;
margin: 0; padding: 0;
}
*html div#left {margin-right: -3px;} /* Внимание! Важная деталь и только для
IE */
div#around {
height: 1%; /* Holy Hack to kill IE bug - 3px line box space */
margin: 0 0 0 150px;; padding: 0;
}
*html div#around {margin-left: 147px;} /* Внимание! Важная деталь и только для
IE */
div#right {
background-color: gray;
height: 50px;
margin: 0; padding: 0;
}
</style>
</head>
<body>
<!-- Ваш вариант -->
<div style="float:left; width:150px; background-color:green; height:50px;"></div>
<div style="background-color:gray; height:50px; margin-left:150px;"></div>
<br /><br />
<!-- Вариант решения проблемы, когда без флоата не обойтись -->
<div id="left">
</div>
<div id="around">
<div id="right">
</div>
</div>
</body>
...
Успехов,
Алекс
библиотекa сайтостроительства http://www.i2r.ru/static/244/
