(см. рис. 12.13, вверху) добавляют требуемое пространство шириной 1 О пиксело в.
Однако Internet Explorer 6 (см. рис. 12.13, внизу) удваивает поле до 20 пикселов.
Даже при относительно ма.gеньких полях страницы будут существенно различаться.
Кроме того, если верстка очень плотная, с точно заданными плавающими элементами,
Расположенными бок о бок, то удвоенное поле может легко вызвать перепады
плавающих элементов (см. подраздел ~Предотвращение перепадов плавающих
элементов!> разд. ~преодоление проблем перемещения!> этой главы).
ПРИМЕЧАНИЕ-----------------------------------------------Такое
Удвоение поля происходит, только если край элемента касается края содержащего его блока,
Поэтому, когда элемент перемещен влево вплотную к другому перемещенному влево элементу, его
Левое поле не удваивается.
Решение простое - добавьте свойство di sp l ау: i n l i ne: к СSS-стилю для плавающего
элемента:
#sidebar {
fl oat: l eft:
margin- left: lOpx:
width: lбОрх:
display: inline;
В этом случае свойство di sp l ау применяется лишь для устранения ошибки браузера
Internet Explorer. На самом деле единственная причина, по которой оно здесь,
состоит в том, чтобы заставить боковой элемент ~иметь разметку!>. Как альтернативный
Вариант вы можете использовать zoom: 1 вместо di sp l ау: i n l i ne. Перемещаемые
