Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: cX717 от 11 Октября 2007, 21:37:11

Название: margin-top и margin-bottom
Отправлено: cX717 от 11 Октября 2007, 21:37:11
Вопрос явно простой, искал ответ во всей сети - ненашел,
Есть таблица с двумя строками  и двумя рядами: верхняя строка - одна ячейка (colspan="2"),
нижняя строка состоит из двух ячеек.
В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней
с помощью div\'а размещается gif:


  test margin

 

   
   
     
   
   
     
     
   
   

       

         
       

     

         

         
         

     

         текст


         текст


         текст


         текст


         текст


         текст


         текст


         текст


         текст


         текст


         текст


         текст


     


 

Если в div\'e указать margin-top:0px div всеравно располагается посередине высоты ячейки.
   Если в div\'e указать margin-bottom:300px , то div (как бы прижимаясь снизу margin-bottom\'ом) поднимается.
Получается, margin-top ниже приоритетом (точнее вобще не работает при малых величинах) margin-bottom\'а.
В FF и IE история одинаковая. Подскажите, плз, в чем ошибка.
ссылка на файл: http://www.daiquiri.spb.ru/2.html
Название: margin-top и margin-bottom
Отправлено: Egorsha от 17 Октября 2007, 17:09:40


И убери дивы.

(А вообще-то если дивы, то дивы...)
Название: margin-top и margin-bottom
Отправлено: hanslinger от 18 Октября 2007, 15:48:43
Цитировать
(А вообще-то если дивы, то дивы...)

А вообще-то, это высказывание глупо.