Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 23.09.2011 00:32

Casufi
Новичок
Зарегистрирован: 23.09.2011
Сообщений: 3

IE6 свойство background для тега
не заполняет цветом всю ширину

Есть три стиля для слоев

Код:

.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

Нет на форуме

 

#2 23.09.2011 04:22

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2009
Сообщений: 241
Вебсайт

Re: IE6 свойство background для тега
не заполняет цветом всю ширину

Ширина абсолютно позиционированного элемента, как и плавающего, определяется шириной его содержимого. Задайте ширину 100% явно.


браузер | блог

Нет на форуме

 

#3 23.09.2011 12:57

Casufi
Новичок
Зарегистрирован: 23.09.2011
Сообщений: 3

Re: IE6 свойство background для тега
не заполняет цветом всю ширину

В этом случае перестают действовать мои ограничения left  и right

Нет на форуме

 

#4 23.09.2011 13:35

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2009
Сообщений: 241
Вебсайт

Re: IE6 свойство background для тега
не заполняет цветом всю ширину

Используйте вложенный блок. Третьего не дано.


браузер | блог

Нет на форуме

 

#5 23.09.2011 13:36

Casufi
Новичок
Зарегистрирован: 23.09.2011
Сообщений: 3

Re: IE6 свойство background для тега
не заполняет цветом всю ширину

Проблема оказывается в том, что во всех броузерах в диве позиционировать можно все четыре угла, а два ослика, ИЕ 6 и ИЕ 5, стоят особняком, они понимают абсолютное позиционирование только одного угла.

Как это обойти я подсмотрел здесь http://designformasters.info/posts/abso … on-layout/
Вот окончательный код

Код:


Отредактированно Casufi (24.09.2011 12:06)

Нет на форуме

 


Board footer