Вобщем нужно расположить 3 блока с фоновыми картинками в ряд. вот код:
<div class="menu-top">
<div class="menu-tl"></div>
<div class="menu-tr"></div>
<div class="menu-tc"></div>
</div>
.menu-top{
min-width: 1000px;
height: 64px;
top: 3px;
position: relative;
z-index: 2;
}
.menu-tl{
width:102px;
height:64px;
background: url('../images/menu_top.png') no-repeat 0 0;
float: left;
margin-left: 10px;
}
.menu-tr{
width:102px;
height:64px;
background: url('../images/menu_top.png') no-repeat 0 -128px;
float: right;
margin-right: 10px;
}
.menu-tc{
height:64px;
background: url('../images/menu_top.png') repeat-x 0 -64px;
margin: 0 112px;
}
Что выводит наш дорогой ie6:
Внимание вопрос: Как убрать эти расстояния между блоками.
Спустя 9 минут, 16 секунд (22.01.2012 - 21:19) redreem написал(а):
1. забей на ie6
2. ...или отрицательные маргины у блоков, чтоб получалось перекрытие
2. ...или отрицательные маргины у блоков, чтоб получалось перекрытие
Спустя 4 минуты, 4 секунды (22.01.2012 - 21:24) kollega написал(а):
redreem
не работает. Я пробовал
не работает. Я пробовал
Спустя 7 минут, 38 секунд (22.01.2012 - 21:31) redreem написал(а):
ввиду отсутствия ie6 на всех доступных мне компах - даже незнаю где "гадать" 
единственно предположение что это либо маргин либо бордер у какого-то элемента...
* {margin:0;border:0px solid #000; или border-width:collapse или 0px}
надо пробовать всякие варианты. я где-то встречал что collapse не срабатывал, например.
единственно предположение что это либо маргин либо бордер у какого-то элемента...
* {margin:0;border:0px solid #000; или border-width:collapse или 0px}
надо пробовать всякие варианты. я где-то встречал что collapse не срабатывал, например.
Спустя 1 минута, 4 секунды (22.01.2012 - 21:32) kollega написал(а):
все. Решил все сам. В стили для ie6 добавил вот это:
.menu-tl{
position: absolute;
top: 0;
left: 0;
}
.menu-tr{
position: absolute;
top: 0;
right: 0;
}
.menu-tc{
position: relative;
margin: 0 112px;
}