Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

DIV с фоном.

308
10 августа 2006 года
Комаджу
850 / / 26.07.2006
Вот всем хорош ИЕ, но тупой, зараза.

Дано:
Есть три дива в строчку, стоят вплотную и без проблем так отображаются во всех браузерах. Как только применяю к этим дивам бэкграундом картинки - в ИЕ начинается война. Средний див отползает от соседей и остается зазор, который никак не лечится.

Решение:
Есть ли?
352
10 августа 2006 года
skywalker
694 / / 10.02.2006
html код и css в студию (с примечаниями).
308
10 августа 2006 года
Комаджу
850 / / 26.07.2006
HTML:

<div id="Left">3</div>
<div id="Right">4</div>
<div id="Center">5</div>

CSS (до фона):

#Left
{float:left;
width:250px;
height:100%;
border-right:1px solid #3F6680;}
#Right
{float:right;
width:250px;
height:100%;
border-left:1px solid #3F6680;}
#Center
{margin:0px;
padding:0px;
height:100%;}

CSS (после включения фона):

#Left
{float:left;
width:250px;
height:100%;
background:url('fon3.gif') repeat-x #143850;
border-right:1px solid #3F6680;}
#Right
{float:right;
width:250px;
height:100%;
background:url('fon3.gif') repeat-x #143850;
border-left:1px solid #3F6680;}
#Center
{margin:0px;
padding:0px;
height:100%;
background:url('fon3.gif') repeat-x #143850;}

До того, как я указал фон - все работает (дивы вплотную стоят), как только указываю фоновое изображение, средний див сжимается.
352
10 августа 2006 года
skywalker
694 / / 10.02.2006
ни чего не сжимается, смотрел в осле и лисе.
308
10 августа 2006 года
Комаджу
850 / / 26.07.2006
Ыхъ!
Что за беда-то (( Прикладываю код - конкретно этот код у меня в ИЕ плывет. В Опере ОК.
308
10 августа 2006 года
Комаджу
850 / / 26.07.2006
Мож я просто хрень где-нить написал? И дело не в глобальном баге ИЕ, а в локальном пробеле в моей внимательности?
308
10 августа 2006 года
Комаджу
850 / / 26.07.2006
Во как!
Надо было убить для центрального дива значение:

height:100%;

И все стало на свои места. Бррр!
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог