[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Проблема в ТРЁХ блоках DIV
Nechto
Вот описание стилей ТРЁХ блоков DIV

Код

DIV.head_1{
padding-bottom:10px;
padding-top:10px;
position: fixed;
width:40px;
border-style:groove; border-width:2px;
display: inline;
}

DIV.head_2{background-color: #FFFFFF; background-image:url(style/Head.jpg);
width:900px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
position: fixed;
display:inline;
border-style:groove; border-width:2px;
}

DIV.head_3{
padding-bottom:10px;
padding-top:10px;
position: fixed;
width:40px;
border-style:groove; border-width:2px;
display: inline;
}


HTML
<DIV class='head_1'></DIV>
<DIV class='head_2'>HEAD</DIV>
<DIV class='head_3'></DIV>



Почему в IE блоки отображаются c нормально полной выставленой ширеной (900px,40px,40px). А в Opera отображает так же в строчку, но выставленая ширина блоков игнорируется.

ПОЧЕМУ? подскажите кто нибуть пожалуйста.



Спустя 1 час, 54 минуты, 25 секунд (16.12.2008 - 21:41) Sylex написал(а):
убери position: fixed )) или объясни че хочешь

Спустя 20 часов, 16 минут, 46 секунд (17.12.2008 - 17:58) Nechto написал(а):
Не помагает.

Объясняю

Мне необходимо выстроить эти три блока в одну строку(попорядку.)

т.е. [1 блок] [2 блок] [3 блок]

дак вот они выстраиваются в IE и в Opera.

Но дело что в том, что Opera игнорируется параметр width:900px, как задействовать этот параметр в опере.


Спустя 1 час, 43 минуты, 40 секунд (17.12.2008 - 19:42) Sylex написал(а):
HTML
<style type="text/css">
DIV.head_1 {
width: 40px;
}

DIV.head_2 {
background: #FFF url('style/Head.jpg');
width: 900px;
text-align: center;
}

DIV.head_3 {
width: 40px;
}

DIV.head_1,DIV.head_2,DIV.head_3 {
border: 2px groove;
display: inline-block;
float: left;
padding: 10px 0;
}
</style>


HTML
<div class='head_1'></div>
<div class='head_2'>HEAD</div>
<div class='head_3'></div>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.