#main
{
width: 800px;
margin: 1px auto; /* określamy marginesy(odstęp)od końca ekranu: góra/dół po 10px, prawo/lewo:

po równo automatycznie */

border: 0px; /*ramka na około całego diva o szerokości 1px*/
}

#logo
{
text-align: center; /*centrowanie tekstu*/
height:100px;
border-bottom: 0px; /*ramka od dołu grubości 1px*/
}

#prawa
{
float: right; /* przesunięcie elementu do prawej strony */
width: 150px;

}

#menu
{
float: right; /* przesunięcie elementu do prawej strony */
width: 647px;
height:15px;
margin-left: 0px;
background-image:url('images/menu.png');
}

#tresc
{
border-left:gray dotted 1px;
border-top: none;
border-right:gray dotted 1px;
border-bottom:gray dotted 1px;

margin-left: 0px; /*trochę większe marginesu od szerokości menu dają nam pewność że ten blok "wsunie" się miedzy bloki zawierające menu */
margin-right: 151px;
  background-color: #eef4fa;
background-image:url('tlo.gif');
padding: 1px; /* odległość od sąsiadujących elementów równa 1px */
text-align: justify;
}

#stopka
{
clear: both; /* określa szerokość diva jako równą szerokości "main"*/
text-align: center;
height: auto;  
border-top: 1px;
color: #444444;
}

[HTML] pobierz, plaintext 
<div id="main">
<div id="logo"> <center> <? include "gora.php"; ?></center>   </div>
<div id="prawa"> <? include "prawa.php"; ?>  </div>
<div id="tresc">
 
<div id="menu"><? include "menu.php"; ?></div>
 
SRODEK
 
</div>
<div id="stopka"><? include "stopka.php"; ?></div>
</div>
[HTML] pobierz, plaintext