<div id="strona">
  <div id="heder"></div>
  <div id="heder1"></div>
   <div id="ccc"></div>
   <div id="ddd">
<div id="tabela1"></div>
<div id="tabela2"></div>
<div id="tabela3"></div>
   </div>
<div id="eee"></div>  
</div>

#strona {
    margin     : 0 auto;
    padding    : 0px;
    width      : 807px;
}
#heder {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 78px;
    background: url('images/1.jpg');
}
#heder1 {

    top:78px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 169px;
    background: url('images/2.jpg');
}
#ccc {

    top:247px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 51px;
    background: url('images/3.jpg');
}
#ddd {

    top:337px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    background: url('images/4.jpg');
}
#eee {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 70px;
    background: url('images/5.jpg');
}
#tabela1 {
position: relative;
    left:0px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #ff0202;
}


#tabela2 {
position: relative;
    left:269px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #00fd4d;
}


#tabela3 {
position: relative;
    left:538px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #1200fd;
}