Atrybut fixed dla kilku bloków

0

Cześć, zaczynam swoją przygodę z webmasteringiem, jednak czasami ciężko do czegoś samemu dojść i mam do was pytanko drodzy webmasterzy.

Moje pytanie brzmi, jeżeli chcę zrobić menu na stronie, które będzie cały czas w jednym miejscu przy przewijaniu strony przy użyciu fixed - jak to zrobić jeżeli mam kilka bloków w głównym divie zdefiniowane jako pozycjonowanie relatywne?

HTML
<body>
<div id="fixed">
<div id="lewo"></div>
<div id="srodek">
<ul>
<li>KATEGORIE</li>
<li>PROMOCJE</li>
<li>O NAS</li>
<li>DOM I OGRÓD</li>
<li>DOSTAWA</li>
</ul>
</div>
<div id="prawo"></div>
</div>
</body>

CSS

body{margin:0px;}
#lewo
{
	display:block;
	position:relative;
	float: left;
	width: 25%;
	height: 100px;
	background-color: black;
}
#srodek
{
	display:block;
	position:relative;
	float: left;
	width: 50%;
	height: 100px;
	background-color: gray;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#prawo
{
	display:block;
	position:relative;
	float: left;
	width: 25%;
	height: 100px;
	background-color: lightgray;
}
ul li
	{
	list-style-type: none;
	display: inline;
	
    padding-left: 20px;
	padding-right: 20px;
		text-align: center;

	}
0

Chyba o to ci chodzi :)
https://jsfiddle.net/jakub40/edcL551z/

0

Dzięki wielkie za szybką odpowiedź.
Dokładnie o to mi chodziło.

1 użytkowników online, w tym zalogowanych: 0, gości: 1