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, botów: 0