Jump to content
  • 0

margin в mozilla не работает


losaped
 Share

Question

Вывожу новость в div, внутри этого div выводится div с рисунком. Вот этот див с рисунком имеет class=picture:

div.picture{

float: left;

width: 90px;

margin: 6px;

}

Я так понимаю, что margin: 6px означает, что со всех чторон отступ от других элементов должен быть как минимум 6px, в ie и opera все так и работает, а вот в мозиле вложенный div вылазит из родительского. Добавлял в стиль родительского div'a padding-bottom, так вот этот отступ работает от вставленного текста, т.е. на вложенный div он внимания не обращает, подскажите как с этим бороться?

Пример: www.xepb.ru/~roma/news.php там можно зайти в галерею там это очень четко видно. и текст наползает на див. Зараннее большое спасибо

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

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

как путь решения можно прописать min-height со значением под картинку на родительский див...

или не маяться и сделать именно этот элемент страницы таблицей

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy