Css position
Автор PHP задал вопрос в разделе Другие языки и технологии
*.css position: absolute; вопрос!!! и получил лучший ответ
Ответ от Viftik[гуру]
Установка элементу position: relative решает множество проблем, особенно, если вы наблюдаете невидимые или странно выровненные блоки. При этом необходимо помнить, что все дочерние элементы с position: absolute станут позиционироваться относительно этого элемента.
Ответ от Александр Ермилов[гуру]
при абсолютном позиционировании не маргин надо использовать для выравнивания, а 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 для блоков вполне достаточно.
при абсолютном позиционировании не маргин надо использовать для выравнивания, а 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 для блоков вполне достаточно.
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: *.css position: absolute; вопрос!!!