Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: margin в firefox и в IE
 
 автор: Mookapek   (05.04.2010 в 19:29)   письмо автору
 
 


<head>
<style>

div.parent{width:100%; height:120px; background-color:#000;}

div.child{
          margin-top:50px; border:1px solid #fff; color:#fff
         }

</style>
</head>

<body>

<div class="parent">
    <div class="child">Text</div>
</div>

</body>



В IE блок с текстом делает отступ от верхней границы родительского блока на 50px, что логично.
Но вот firefox делает отступ от границы документа! При этом заставляет сделать отступ еще и родителя. Что за ерунда такая с фаерфоксом?

  Ответить  
 
 автор: Lelik   (05.04.2010 в 22:15)   письмо автору
 
   для: Mookapek   (05.04.2010 в 19:29)
 



div.child{
          margin-top:50px; border:1px solid #fff; color:#fff
или
clear: both;
или
padding-top: 50px;
         } 

  Ответить  
 
 автор: Mookapek   (05.04.2010 в 23:02)   письмо автору
 
   для: Lelik   (05.04.2010 в 22:15)
 

Я поставил свойство position:absolute; в div.child и получилось как надо.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования