05-04-2010, 03:12
Witam,
Mam taki problem jak na dołączonym zrzucie. Moje menu wchodzi pod DIV'a z treścią strony oraz menu po rozsunięciu mogę wybrać tylko 1 pozycję, gdy przejadę niżej menu się chowa.
![[Obrazek: bedy.png]](http://img444.imageshack.us/img444/6160/bedy.png)
CSS
Kod Strony
Mam taki problem jak na dołączonym zrzucie. Moje menu wchodzi pod DIV'a z treścią strony oraz menu po rozsunięciu mogę wybrać tylko 1 pozycję, gdy przejadę niżej menu się chowa.
CSS
Kod:
body {
background-color: #ffffff;
margin: 0;
padding: 0;
text-align:center;
}
DIV{
position: relative;
font: verdana;
}
#contanier{
margin-top:0px;
margin-left:2px;
clear: both;
width: auto;
margin:0 auto;
padding:0 5px 0 5px;
background-color: #e4e4e4;
}
#top{
clear: both;
position: relative;
}
#bok_menu{
width: 230px;
height: auto;
float: left;}
#wolny{
width: 800px;
float: left;
background-color: #a1a1a1;
}
#tresc{
width: 150px;
float: right;}
#foot{
text-align:center;
background: #868686;
clear: both;
}
/* Zwijane Menu*/
#menu{
overflow: hidden;
background: #888;
padding: 2px 15px;
font: 13px Arial, Verdana, Tahoma;
}
ul#menu li{
list-style-type: none;
float: left;
}
ul#menu li a{
display: block;
padding: 8px;
color: #fff;
text-decoration: none;
}
ul#menu li li a{
width: 160px;
padding: 6px 12px;
}
ul#menu li li:hover{
background: #999;
}
ul#menu li ul{
overflow: hidden;
display:none;
}
ul#menu li:hover ul{
position: absolute;
background: #aaa;
padding:0;
border:1px solid #999;
display: block;
width: 160px;
}Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<?xml version="1.0" encoding="iso-8859-2"?>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Sklep meblowy DoriMar Najtańsze meble w kraju</title>
</head>
<body>
<div id="contanier">
<div id="top">
<img src="baner.jpg" height="180" width="920">
</div>
<div id="lista">
<ul id="menu">
<li><a href="#" title="">Strona główna</a></li>
<li><a href="#" title="">Oferta Bo-Wa-De</a>
<ul>
<li><a href="#" title="">Fotele</a></li>
<li><a href="#" title="">Kanapy</a></li>
<li><a href="#" title="">Komody</a></li>
<li><a href="#" title="">Ławy</a></li>
<li><a href="#" title="">Narożniki</a></li>
<li><a href="#" title="">Sofy</a></li>
<li><a href="#" title="">Sypielnie</a></li>
<li><a href="#" title="">Tapczany</a></li>
<li><a href="#" title="">Wersalki</a></li>
</ul>
</li>
<li><a href="#" title="">Oferta Bog Fran</a>
<ul>
<li><a href="#" title="">Meble Dziecięce</a></li>
<li><a href="#" title="">Pokój dzienny</a></li>
<li><a href="#" title="">Jadalnia</a></li>
<li><a href="#" title="">Kuchnia</a></li>
<li><a href="#" title="">Pokój młodzieżowy</a></li>
<li><a href="#" title="">Sypialnia</a></li>
<li><a href="#" title="">Przedpokój</a></li>
<li><a href="#" title="">Biuro</a></li>
<li><a href="#" title="">Gabinet</a></li>
</ul>
<li><a href="#" title="">Firma</a></li>
<li><a href="#" title="">Kontakt</a></li>
</li>
</ul>
</div>
<div id="bok_menu">
<p>To jest boczny blok</p>
</div>
<div id="wolny">
<h1>Witam na stronie głównej naszego sklepu.</h1>
<p>Jesteśmy prężnie działająca firmą, nasza działalność zaczeła się od strony Allegro.pl Mamy do zaoferowania wiele pięknych mebli, każdy na pewno znajdzie coś dla siebię.Nasza oferta to przedewszystkim oferta firmy Bog-Fran ale także popularnej firmy Black Red White oraz Meblocross jak również firmy Bo-Wa-De oferującej bardzo ciekawe propozycje mebli tapicerowanych w świetnych cenach i jakości oraz z szybkim terminem realizacji.
</p>
</div>
<div id="tresc">
<p>Treść dokumentu strony </p>
</div>
<div id="foot">
<p>© Coprything by KeeL 2010
</div>
</div>
</body>