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 для блоков вполне достаточно.
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: *.css position: absolute; вопрос!!!
CSS. Wordpress тема Twenty Eleven. Панель виджетов.
Собственно, а зачем такие танцы с бубном?
В админке на странице виджетов они перемещаются в
подробнее...
спросили в Окны
Как сделать всплывающее окно на сайте wordpress?
А где так всплывающее окно на том сайте?
Я там только заметил блок (где написано-Need Help
подробнее...
Как сделать всплывающее окно на сайте wordpress?
А где так всплывающее окно на том сайте?
Я там только заметил блок (где написано-Need Help
подробнее...
Размер div по размеру окна JavaScript
есть же не размеры в процентах на этот случай. может но
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
HTML+CSS | Как поднять background немного выше, при background-position: cover ?
У background-position: нет свойство cover, у background-size
подробнее...
Как убрать часть одной стороны border в css во вложенном меню?
тут нужно использовать :before или :after .. значит нужно убрать нужный бордер, как говорили выше,
подробнее...
Как наложить 2 картинки одна на другу в CSS?
DIV - блочный элемент. Блоки располагаются в столбец друг под другом. У тебя есть два варианта для
подробнее...
Плавное появление блока DIV при загрузке страницы средствами ТОЛЬКО CSS
< style >
div {
width: 100px;
height: 100px;
background-color: red;
Позиционирование в css в чем разница между абсолютным и относительным позиционированием в css ?
relative позиционируется от того места, де элемент был бы при static, а absolute — от ближайшего
подробнее...
Как в CSS поставить картинку на задний план?
?? ниже??? или глубже?
z-index: 0; на картинку, z-index:1 - на блоки перед ней
растянуть блок по ширине на весь экран (html, css)
у меня слой.. вверху на всю ширину
вобщем тебе нужно "width:100%", что-то не так ты
подробнее...
Расположение элементов по центру CSS, HTML
Строчные элементы внутри родительского блочного
.center-children {
text-align: center;