Xpoint
   [напомнить пароль]

Блоки в Контейнерах (DIV)

Метки: [без меток]
2007-08-01 15:21:15 [обр] Igor Rulyov(0/19)[досье]
сообщение промодерировано

Приветствую!

Хотел использовать второй прием из статьи:

http://www.artlebedev.ru/tools/technogrette/html/shadows/

Но в FF (или IE) не правильно работает:

Суть вопроса:

вот пример кода

<div style="border: 1px solid red; position: absolute; top: 10em; left: 10em; width: 200px; height: 100px;">
   <div style="border: 1px solid blue; position: relative; width: 100%; height: 100%;">
      <div style="border: 1px solid green; position: relative; margin: 10px; width: 100%; height: 100%;">
         <table style="background-color: yellow; width: 100%; height: 100%;">
            <tr>
               <td>bla-bla-bla</td>
            </tr>
         </table>
      </div>
   </div>
</div>

Почему ИЕ принимает размеры вложенных блоков и тем самым по необходимости увеличивет контейнер (из-за марджина) а ФФ сохраняет размеры контейнера и вложенные блоки вываливаютя из контейнера... два вечных впороса Что делать и кто виновать?

Спасибо

спустя 11 часов [обр] Алексей В. Иванов(95/2861)[досье]
Если вы укажите правильный DOCTYPE, то удивитесь тому, что IE поведёт себя точно так же.
Размер элемента всегда складывается из padding, width/height и margin.
Решение не подскажу, к сожалению, нет времени. Поищите на форуме.
Powered by POEM™ Engine Copyright © 2002-2005