границы блоков

  • Автор темы Автор темы Wild_Boar
  • Дата начала Дата начала
Статус
Закрыто для дальнейших ответов.
Wild_Boar

Wild_Boar

вредное животное
Топикстартер
10 лет на форуме
Сообщения
297
Реакции
59
Пример: есть блок контейнер, котором два (или больше) блока с информацией. В IE границы внешнего и внутренних блоков совпадают, в FF и Opera разъезжаются сверху и снизу. На выставлениее нулевых маргинов не реагируют. Помогает бордер на внутренние блоки. Может я чего-то не так делаю? Подскажите, кто знает.
 
Ответ: границы блоков

сделайте внутренние блоки на пиксель или на процент поменьше, вот и все
 
Ответ: границы блоков

Не прокатывает, если не ошибаюсь, лишний пиксел работает когда блоки выстраиваются по горизонтали и броузер как-то хитро высчитывает сумму их ширины. У меня внутр. блоки выстраиваются по вертикали с position:relative, а у контейнера position:absolute. Может конфликт в позиционировании?
 
Ответ: границы блоков

<head>
<style type="text/css">
#conteiner{position:absolute; width:200px; background-color:red;}
#content_1{position:relative; width:200px; background-color:green;}
#content_2{ position:relative; width:200px; background-color:blue;}
</style>
</head>
<body>
<div id="conteiner">
<div id="content_1">
<h3>content_1</h3></div>
<div id="content_2">
<h3>content_2</h3>
</div>
</div>
</body>

В IE контенты плотно прилигают друг к другу, в FF и Opera торчит контейнер.
 
Ответ: границы блоков

Ну в данном случае проблема в том, что ИЕ и Опера по разному понимают границы (margin) блока <h3>. В ИЕ границы блока <h3> сверху и снизу закрашиваются, а в Опере нет. Кроме того в Опере по-другому стыкуются два блока <h3> - верхняя и нижняя граница превращаются в одну :(
 
Статус
Закрыто для дальнейших ответов.
Верх Низ