CODE:
<div id="container">
<div id="header">
</div>
<div id="menu">
</div>
</div>
[b]CSS[/b]
#container {
width: 800px;
height: 500px;
margin: 10px auto;
border: 1px solid #000;
}
#header {
width: 798px;
height: 80px;
border: 1px solid #F00;
}
#menu {
width: 150px;
height: 300px;
position: absolute;
top: 70px;
left: 10px;
border: 1px solid #0F0;
}
<div id="container">
<div id="header">
</div>
<div id="menu">
</div>
</div>
[b]CSS[/b]
#container {
width: 800px;
height: 500px;
margin: 10px auto;
border: 1px solid #000;
}
#header {
width: 798px;
height: 80px;
border: 1px solid #F00;
}
#menu {
width: 150px;
height: 300px;
position: absolute;
top: 70px;
left: 10px;
border: 1px solid #0F0;
}
Прочитал в книжке, что absolute - позиция относительно родительского блока. Хрена! относительно окна выставляет. Ставлю static - вообще ноль реакции.
Или я неправильно понимаю что такое родительский блок, или книжка - гавно.
Помогите, кто знает как блоки нормально позиционировать.
ЗЫ: я думаю в коде понятно, чего я хочу получить.