Warning: Illegal string offset 'caption' in /home/k/kashinanru/public_html/wp-includes/media.php on line 2108
Warning: Cannot assign an empty string to a string offset in /home/k/kashinanru/public_html/wp-includes/media.php on line 2108
Есть у ?Е6 такая особенность: если какому-либо блоку задать ширину, то ?Е6 воспринимает эту ширину, как минимально возможную и, если содержимое блока оказывается шире заданной ширины, то ?Е6 растягивает блок до размеров содержимого. Тогда как другие браузеры, в полном соответствии стандартам сохранят указанную ширину, а содержимое просто покажут выступающим за пределы блока (если не указано свойство overflow
, отличное от значения visible
(значение по умолчанию)).
Выглядит это как-то так
DIV
) шириной в 250 пикселейПоместим второй DIV
внутрь первого
DIV
) шириной в 250 пикселейшириной в 200 пикселей
Если ваш браузер поддерживает стандарты в полной мере, то вы увидите

Если же нет и вы пользуетесь ?Е6 или даже еще более ранней версией ?нернет Експлорера , то вашим глазам предстанет следущая картина

Как видите ?Е6 растянул родительский контейнер по ширине содержимого.
Чтобы этого не происходило добавим внутрь контейнера еще один блок.
HTML
<div class="parent"> Наш контейнер <div class="wie6"> <div class="child"> Вложенный элемент (пусть тоже будет
DIV
) шириной в 250 пикселей</div> </div> шириной в 200 пикселей </div>
? зададим указанным классам следующие свойства
CSS
<style type="text/css">
.parent {
background:#afa;
border:1px solid #000;
width:200px;
}
.child {
background:#aff;
border:1px solid #f00;
width:250px;
}
/* trick */
.wie6 {
margin-right:-999px;
position:relative;
width:100%;
}
Откроем пример в ?Е6 и о чудо. Родительский контейнер сохранил свою ширину в целости, а вложенный блок не обрезался и никуда не пропал
шириной в 200 пикселей
Предлагаемый способ не идеален (а есть ли другой?) и требует дополнительной разметки. Но на что не пойдешь, чтобы уважить пользователей ?Е6.
очень пригодилось, сейчас тему для вп верстаю и врапер все вылезает не туда куда нужно