ver-stak Сообщение 26/12/2006 16:00 Копия темы
Верстальщики, помогите разобраться!!! .
Здравствуйте, дорогие друзья!

Совершенно случайно наткнулся на такую проблему, как отступы в блочной вёрстке. СМОТРИТЕ ВЛОЖЕННЫЙ ФАЙЛ.

В IE отображается верно, а вот в ОПЕРЕ и Мозилле никак не могу добиться правильного отображения отступов.

Жду от вас помощи в этом вопросе!
 

tryse Сообщение 26/12/2006 17:28 Копия темы
.
Можно сделать так!

.cont{
background:#FF9900;
width:900px;
height:50px;
padding: 0px;
}
.content{
background:#FFFF99;
width:700px;
height:30px; padding: 0px;
margin-top:-30px
}

Дивы сдетать др за другом не вкладывая

ver-stak Сообщение 26/12/2006 18:16 Копия темы
.
а вот если нужно чтобы блок был вложен и наполнялся текстом, а родительский блок растягивался в высоту в зависимость от кол-ва текста во вложенном блоке.

И вообще скажите мне это баг в Мозилле и Опере? Или так оно и должно быть?

m_ig Сообщение 26/12/2006 18:52 Копия темы
.
можно использовать вместо margin-top для .content padding-top для .conteiner

tryse Сообщение 26/12/2006 18:59 Копия темы
.
Значит так
.content{
background:#FFFF99;
width:800px;
height:30px;
margin-top:20px;
position: absolute;
float: left;
}

Производителей браузеров, применяют разные стандарты, вернее стандарт один, а вот теги они понимаю тпо разному, поэтму всегда и приходится выкручиваться!

ver-stak Сообщение 26/12/2006 21:33 Копия темы
.
но если применить абсолютное позиционирование, последующие элементы в родительском блоке не будут зависить от абсолютно позиционируемого элемента, что не есть хорошо!
да и сам родительский блок ни как не будет зависить от этого внутреннего блока.

kermit32dll Сообщение 26/12/2006 23:11 Копия темы
.
убей дивы об стенку :)

bathellfire Сообщение 27/12/2006 01:47 Копия темы
.
А закрывать «точку с запятой» кто будет после последних параметров в каждом стиле?
У тебя один ДИВ в другом.. причем на второй (внутренний) ДИВ стоит margin-top – захрена? Лучше повесь padding-top – на внешний ДИВ.

И вообще, прально тебе Сергей сказал: Убей ДИВы об стенку.

bathellfire Сообщение 27/12/2006 01:51 Копия темы
.
На, вот тебе работающий... И больше так с ДИВами не извращайся.

ver-stak Сообщение 27/12/2006 09:24 Копия темы
я смотрю, здесь нету сторонников DIVной вёрстки! .
Boris Terekidi, то что Вы предложили в место маргина раддинг поставить – это мне давно понятно, но возможны ситуации когда в контейнере несколько объектов и у каждого разный отступ от края, в этом случае паддингом не обойтись...

ver-stak Сообщение 27/12/2006 09:28 Копия темы
Ещё есть вопрос!!! .
В контейнере находятся два ДИВа, расположены они по горизонтали (float:left). Почему при этом контейнер теряет высоту т.е. не растягивается под содержимое? Как от этого избавиться?

Uratsakidogi Сообщение 27/12/2006 12:16 Копия темы
.
Либо добавь что-нибуть с clear: left; в конец после флоатов, либо сделай его самого плавающим, либо использую easy clearing. Способов уйма.

ver-stak Сообщение 27/12/2006 19:23 Копия темы
.
Подскажите, как сделать следующее:
Есть ДИВ, его высота 100рх, он синего цвета (чтобы видно было его).
В нем находится текст.
Если текста мало, то всё нормально, а вот если текст по высоте превышает 100рх, то он выходит снизу за границы синего ДИВА (за исключением IE).

Как сделать, чтобы содержимое не виходило за границы, а просто синий ДИВ растягивался в зависимости от содержимого? При этом он не должен быть меньше чем 100рх в высоту!
ВНИМАНИЕ! Интересует только круссбраузерный вариант решения этой проблемы!!!

Uratsakidogi Сообщение 27/12/2006 19:26 Копия темы
.
height: auto !important; /* авто-высота для всех браузеров */
height: 100px; /* ограничиваешь высоту для ИЕ */
min-height: 100px; /* задаем минимальную высоту */

Так как в ИЕ height работает как min-height во всех остальных браузерах, выглядеть это будет одинаково везде.

ver-stak Сообщение 27/12/2006 20:10 Копия темы
.
Большое спасибо, теперь мне многое стало известно!