Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Есть три стиля для слоев
.bttomheaderleft {
width: 259px;
height: 290px;
background:
url(images/ver.2.3.1_19.jpg) bottom left no-repeat;
position:absolute;
left:0px;
bottom: 0px;
}
.bttomheadercenter {
height: 33px;
background-color:#889399;
background-repeat:repeat-x;
position: absolute;
left: 258px;
right: 365px;
bottom: 0px;
}
.bttomheaderight {
width: 369px;
height: 290px;
background:
url(images/ver.2.3.1_21.gif) bottom right no-repeat;
position: absolute;
right: 0px;
bottom: 0px;
}И три слоя
текст между картинками
При этом в IE6 слой bttomheadercenter закрашивается цветом только на ширину текста, хотя по идее div это блочный элемент, и все свойства , которые к нему применяются должны действовать на всю ширину
Вот страница с проблемным дивом
http://ulskiy.org.ua/example/example.html
Нет на форуме
Ширина абсолютно позиционированного элемента, как и плавающего, определяется шириной его содержимого. Задайте ширину 100% явно.
Нет на форуме
В этом случае перестают действовать мои ограничения left и right
Нет на форуме
Используйте вложенный блок. Третьего не дано.
Нет на форуме
Проблема оказывается в том, что во всех броузерах в диве позиционировать можно все четыре угла, а два ослика, ИЕ 6 и ИЕ 5, стоят особняком, они понимают абсолютное позиционирование только одного угла.
Как это обойти я подсмотрел здесь http://designformasters.info/posts/abso … on-layout/
Вот окончательный код
Отредактированно Casufi (24.09.2011 12:06)
Нет на форуме
Страниц: 1