Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 18.03.2013 18:09

void
Новичок
Зарегистрирован: 01.10.2012
Сообщений: 15

проблемка

h2 {font-size:20px; font-weight:normal; margin:0; padding:0;}
h2.outer {height:80px; background:url(images/title.png) no-repeat top left;}
h2.outer div.inner {margin-top:25px;}

Новости


столкнулся с такой проблемой, не могу понять в чем дело:
ie отображает как надо, те отступ ставиться у inner, остальные ставят отступ в 25px от outer(((
подскажите в чем может быть проблема?
если прописать h2.outer {border:1px solid transparent;} то все работает как надо..

Отредактированно void (19.03.2013 10:41)

Нет на форуме

 

#2 19.03.2013 10:50

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: проблемка

Все правильно, все нормальные браузеры маргины накладывают и совмещают, а IE, раз Вы ему включили HasLayout через height:80px этого не делает. При добавлении паддинга все остальные браузеры тоже начинают думать, дескать, маргины накладывать нельзя, так как явно указана преграда для этого шириной в 1px. В данном случае кроссбраузерное решение, самое наименее геморойное:

h2.outer div.inner {padding-top:25px;}

Носите на здоровье.

Нет на форуме

 

#3 19.03.2013 11:32

void
Новичок
Зарегистрирован: 01.10.2012
Сообщений: 15

Re: проблемка

ага спасибо, уже сделал..

Нет на форуме

 

Board footer