<div id="wrap">
<div id="tel"> <!-- strona jest dzielona na trzy części -->
<div id="body1">
<div id="content1"> <!-- content będzie na środku strony(float'em przesunięty do środka) a napis Tel: 48 ... będzie przesunięty do prawego prawego boku pojemnika-->
...treść...
</div>
<div id="sidebar1"> <!-- przesunę sidebar do lewej strony przy użyciu float-->
...pasek boczny...
</div>
</div>


<div id="right-sidebar1"> <!-- to pójdzie do prawej części strony -->
...pasek boczny...
</div>
</div>


<div id="darmowadostawa">
<h1>Darmowa dostawa przy zamówieniach powyżej 300zl.</h1>
</div>

<div id="logoiszukaj"> <!-- znów dziele strone na trzy części aby logo i szukaj były pośrodku strony tak jak było to w przypadku id=Tel-->
<div id="body2">
<div id="content2"> <!-- content będzie na środku strony(float'em przesunięty do prawej strony pojemnika body2) a napis Tel: 48 ... będzie przesunięty do prawego prawego boku pojemnika-->
<div id="body3">
<div id="logo">
... logo ...
</div>
<div id="szukaj">
...szukaj logowanie rejestracja itd...
</div>
</div>
</div>
<div id="sidebar2"> <!-- przesunę sidebar do lewej części pojemnika body2 przy użyciu float-->
...pasek boczny...
</div>
</div>


<div id="right-sidebar2"> <!-- to pójdzie do prawej części strony -->
...pasek boczny...
</div>
</div>
<div id="menu">
<ul id="nav">
<li id="kawa"><a href="kawa.html">KAWA</a></li>
<li id="ciastka"><a href="ciastka.html">CIASTKA</a></li>
<li id="akcesoria"><a href="akcesoria.html">AKCESORIA</a></li>
<li id="ekspresy"><a href="ekspresy.html">EKSPRESY</a></li>
</ul>
</div>



<div id="glownaczesc"> <!-- strona jest dzielona na trzy części -->
<div id="body4">
<div id="content3"> <!-- content będzie na środku strony(float'em przesunięty do środka) -->
...treść...
<div id="center"> <!-- środek jest dzielony na trzy części -->
<div id="body5">
<div id="content4"> <!-- content będzie na środku strony(float'em przesunięty do środka) -->
...tu bedzie napis polecamy następnie trzy kwadraciki (kawa ciastka i akcesoria) następnie napis (kawa w saszetkach)
i główna część dzielona na trzy części i środowa część bedzie znów dzielona na trzy części a na samym dole będzie stopka
</div>
<div id="sidebar4"> <!-- przesunę sidebar do lewej strony przy użyciu float-->
...pasek boczny...
</div>
</div>


<div id="sidebar3"> <!-- to pójdzie do prawej części środka -->
...pasek boczny...
</div>
</div>
</div>
<div id="right-sidebar3"> <!-- przesunę sidebar do lewej czesci strony -->
...pasek boczny...
</div>
</div>


<div id="right-sidebar4"> <!-- to pójdzie do prawej części strony -->
...pasek boczny...
</div>
</div>



</div>