środkowanie diva

[karolo320]

dzień dobry.

http://ciasta.motoinformacje.com.pl/glowna.html

tu jest moja strona. Jak widać nagłówek i górne menu są dośrodkowane w lewo. Chciałbym, żeby były na środek.

 

mam sobie taki szablon, czy jak to się zwie:

 

      
<div id='top'>
  <div id='logo'>
  </div>
  <div id='menu_top'>
  </div>
  <div id='lewa'>
  </div>
  <div id='prawa'>
    <div id='prawa1'>
    </div>
    <div id='prawa2'>
    </div>
  </div>
  <div id='tresc'>        
  </div>
</div>

 

style wyglądają tak:

 

//piekne obramowki, nie wiem czy maja cos wspolnego z ta sprawa 
#lewa, #tresc, #prawa1, #prawa2, #menu_top{  
  background-color: #EECBAD;
  border:1px solid #000000; 
  
  border-top-left-radius:6px; 
  border-bottom-right-radius:6px; 
  border-top-right-radius:6px; 
  border-bottom-left-radius:6px; 
  
  -webkit-border-top-left-radius:6px; 
  -webkit-border-bottom-right-radius:6px; 
  -webkit-border-top-right-radius:6px; 
  -webkit-border-bottom-left-radius:6px; 

  -moz-border-radius-topleft:6px; 
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topright:6px; 
  -moz-border-radius-bottomleft:6px;
}



#top {
width: 1004px;
margin-top: 5px;
}
#menu_top {
width: 801;
margin-bottom: 5px;
margin-left:0;
margin-right:0;
}

#logo{
width: 100%;
margin-left:0;
margin-right:0;

}

#lewa {
width: 160px;
float: left;
overflow: hidden;
}
#prawa{
width: 160px;
float: right;
overflow: hidden;
}
#prawa1, #prawa2 {
width: 155px;
float: center;
overflow: hidden;
margin-bottom: 5px;
}

#tresc{
width: 676px;
float: left;
overflow: hidden;
margin-left: 2px;
margin-right: 2px;
}

 

z góry dziękuję panom :)

[Konrad-GM]

Masakrycznie to wygląda... Nie używaj tabel, aby wyśrodkować DIVa: "margin: auto;" - wtem musisz zdefiniować również "width: N(px/%/...);"

[karolo320]

dziękuję panu bardzo :)