<div id="container">
   <div id="wrap">
     <div id="content">
       prawa strona
     </div>
     <div id="category">
       <h1>srodek</h1>
     </div>
   </div>
   <div id="sidebar">
       <p>Menu: </p>
       <ul id="navlist">
        <a id="menu1" href="index.htm"><li id="navlistli">Wyszukaj</li></a>
        <a id="menu1" href="glowna.htm"><li id="navlistli">Strona główna</li></a>
        <a id="menu1" href="loguj.htm"><li id="navlistli">Loguj</li></a>
        <a id="menu1" href="rejestruj.htm"><li id="navlistli">Stwórz konto</li></a>
        <a id="menu1" href="dodaj.htm"><li id="navlistli">Dodaj haslo</li></a>
       </ul>
   </div>
</div>

#container { width: 90%; margin: 1em auto; border: 1px solid #C00; padding: 1em; height: 110%; overflow: hidden; background : white; }
  /* content i category mieszcza sie w nim */
  #wrap{ float: right; width: 80%; }
   #content { float: right; width: 15%; } /* to jest to co po prawej stronie jest */
   #category { float: left; width: 85%; background : white; border : 1px solid #C00; } /* to jest srodek */
  #sidebar { float: right; width: 20%; }  /* to jest lewa strona */