*.css position: absolute; вопрос!!!

Question

*.css position: absolute; вопрос!!!

PHP Профи (713), на голосовании 14 лет назад

Добрый день, столкнулся с такой проблемой. . начал делать сайт полсонстью без таблиц, на пикселях, и без процентов! !
В общем сделал 4 дива, задал у них position: absolute; и расставил внешний отспуп чтобы на странице они стояли там где мне надо! !
Почему IE воспринимает position: absolute; по другому? почему внешний отспуп margin отсчитывается непонятно откуда?
Посоветуйте что нибудь пожалуйста.

http://com-media.ru сайт и http://com-media.ru/style.css стиль.

Answer 1

Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете невидимые или странно выровненные блоки. При этом необходимо помнить, что все дочерние элементы с position: absolute станут позиционироваться относительно этого элемента.

Answer 2

при абсолютном позиционировании не маргин надо использовать для выравнивания, а top, left, right, bottom. если задать position:relative; для родительского блока, то блоки с position:absolute; внутри будут считать позицию от границ родительского блока. а так от краев страницы.
замените так:
.telo {
width: 1000px;
height: 750px;
border: 1px solid #e3556a;
background-image: url(site.jpg);
background-position: center top;
background-repeat: no-repeat;
margin: 5px;
position:relative;
}

.menu {
width: 200px;
height: 270px;
position: absolute;
top:210px;
left:20px;
font-family: 'Century Gothic';
font-size: 11pt;
overflow: auto;
background-image: url(menu.jpg);
background-position: center center;
background-repeat: no-repeat;
}
.main_right {
width: 200px;
height: 270px;
position: absolute;
top:210px;
right:20px;
font-family: 'Century Gothic';
font-size: 11pt;
overflow: auto;
border: 3px solid #e3556a;
background-image: url(menu_right.jpg);
background-position: center center;
background-repeat: no-repeat;
}

но тут такое позиционирование вовсе ни к чему.... обычная трех-колоночная верстка
float для блоков вполне достаточно.