jak w temacie:
mam diva który zawiera w sobie 2 obiekty: menu i ramkę w której jest wyświetlana zawartość strony mimo ze te w obiekty sa zawarte w tym divie to on żyje swoim życiem oto kod:
/*------------------------------------CONTENT---------------------------------------------*/ #content { margin-left:auto; margin-right:auto; width:1000px; height:auto; margin-top:5px; position:relative; } div.content_gora_lewo { color:#FFF; background: url('images/naroznik_gora_lewo1.png') no-repeat top left; } div.content_gora_prawo { background: url('images/naroznik_gora_prawo1.png') no-repeat top right; } div.content_gora_prawo h1 { background: url('images/border_gora1.png') repeat-x top; margin: 0 12px 0 12px; height: 56px; line-height: 14px; font:Arial, Helvetica, sans-serif; font-size:16px; } div.content_gora_prawo h1 span { position:relative; top:500px; } div.content_gora_prawo h1 span p { padding-top:3px; padding-right:10px; float:right; } div.content_gora_prawo h1 span p a { color:#CCC; } div.content_lewo { background: url('images/border_lewo1.png') repeat-y left; } div.content_prawo { background: url('images/border_prawo1.png') repeat-y right; } div.content_srodek { padding-top:100px; background:#fff; margin:0 14px 0 14px; } div.content_srodek { color:#000; padding:20px 20px 20px 20px; } div.content_dol_lewo { background:url('images/naroznik_dol_lewo1.png') no-repeat bottom left; } div.content_dol_prawo { background:url('images/naroznik_dol_prawo1.png') no-repeat bottom right; } div.content_dol { background:url('images/border_dol1.png') repeat-x bottom; height:9px; margin:0 12px 0 12px; } div.zawartosc { width:730px; position:relative; padding-left:10px; padding-right:10px; height:auto; float:right; display:block; border-style:solid; border-width:thin; } /*------------------------------------MENU-----------------------------------------------*/ ul, ul li { display: block; list-style: none; margin: 0; padding: 0; float:left; } ul { width: 150px; padding: 2px 2px 1px 2px; background-color: #9ce; border: 3px double #28e; } ul li { border-bottom: 1px solid #9ce; } ul a:link, ul a:visited { display: block; width: 127px; text-decoration: none; padding: 7px; font-weight: bold; background-color: #27c; color: #def; border-left: 10px solid #25b; } ul a:hover { width: 117px; background-color: #28e; color: #fff; border-left: 20px solid #26d; }
To co jest w bloku content jest to div nadrzędny a blok MENU i div zawartość są w nim zawarte.
A oto HTML:
<body> <div id="content"> <div class="content_gora_lewo"> <div class="content_gora_prawo"> </div> <div class="content_lewo"> <div class="content_prawo"> <div class="content_srodek"> <ul> </ul> <div class="zawartosc"> </div> </div> </div> </div> <div class="content_dol_lewo"> <div class="content_dol_prawo"> <div class="content_dol"> </div> </div> </div> </div> </div> </body> </html>