Проблемы с отступами в DIV

[bond84]

Добрый день.

Работая с дивами иногда возникают проблемы:

1.

Текст

Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы.

2.

текст

Иногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5).

Сталкивался ли кто-нибудь с подобным, и как с этим бороться?

Заранее благодарен.

[maddogrts]

Сталкивался ли кто-нибудь с подобным, и как с этим бороться?

Сталькивался ), думать )) испоьзовать хаки для ие

[azimsky]

1.

Текст

Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы.

А если сделать так:

<div style="background:#CCC; padding-top:40px">
   <div>Текст</div>
</div>

2.

текст

Иногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5).

Сталкивался ли кто-нибудь с подобным, и как с этим бороться?

Заранее благодарен.

Это правда, что разные браузеры ведут себя по-разному, но размеры блока по идее определяются параметрами width, margin, padding, border элемента. (http://htmlbook.ru/css/width.html)

Делаете глобальный сброс http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Всегда учитывайте значения width, margin, padding, border