Posizionare Contenitore

[leon-kennedy]

Ciao a tutti ho un problema con il layout del mio sito...praticamente io voglio che il conteneir sia messo perfettamente a centro pagina invece ho notato che con il mio pc questo accade mentre se utilizzo un altro computer risulta spostato di qualche pixel verso destra o sinistra:

body {
background: url('immagini/body.jpg'); 
font-size: 15px;
font-family: "Comic Sans" cursive;
color:#FFFFFF;
padding: 0px;
margin: 0px;

}
{list-style-type:none}
a {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color:  #c43300;}
a:active { color: #c43300;}

/* ----------box centrale-------------- */

#container {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
top: 45%;
left: 50%;
margin: -200px 0 0 -450px;}



/* ----------regolamento-------------- */

#regolamento {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
top: 45%;
left: 50%;
margin: -200px 0 50px -450px;}



/* ----------content 1-------------- */

div#content_1 {

float: left;
line-height:1.4;
width: 50%;
background: url('immagini/bodycontent.JPG') top left;
margin-left: 5px;}



/* ----------content 2-------------- */

div#content_2 {

float: right;
line-height:1.4;
width: 45%;
background: url('immagini/bodycontent.JPG') top left;
list-style-type:none;}



/* ----------content 3-------------- */

div#content_3 {

float: left;
line-height:1.4;
width: 35%;
background: url('immagini/bodycontent.JPG') top left;
margin-left: 5px;}



/* ----------content 4-------------- */

div#content_4 {

float: right;
line-height:1.4;
width: 60%;
background: url('immagini/bodycontent.JPG') top left;
margin-right: 5px;}



/* ----------content 5-------------- */

div#content_5 {

width: 80%;
background: url('immagini/bodycontent.JPG') top left;
display: block;
top: 50%;
left: 50%;
padding: 20px 0 10px 100px;}



/* ----------menu-------------- */

#menu {
width: 910px;
min-height: 20px;
background: #000000;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#menu li {
display: inline;
}

#menu a {
display: inline;
height: 32px;
padding: 9px 20px 0 20px;
text-decoration: none;
} 

un'altra cosa:

div#content_2 { 

float: right; 
line-height:1.4; 
width: 45%; 
background: url('immagini/bodycontent.JPG') top left; 
list-style-type:none;} 

Vorrei togliere i punti affianco agli elementi della lista per cui ho usato list-style-type: none; m,a non funziona,sapete dirmi perchè?
Questo il link:
http://beamanager.altervista.org/

[leon-kennedy]

Nessuno?

[ResianTaxidrive]

non saprei, non vedo frandi differenze di centratura. Hai parlato di qualche pixel...c'hai l'occhio da terminator..non riesco a vedere sta differenza.

Per il pallino delle liste in realtà non c'è, lo stile funziona.

[RupiWebDesigner]

Ciao a tutti, questo è il mio primo messaggio.
Ti scrivo perchè ho avuto anche io lo stesso problema, ed ho risolto così:

margin-left: auto;
margin-right: auto;

Spero di esserti stato d'aiuto!

P.S.
Dal mio browser (Mozilla) il tuo sito lo vedo perfettamente centrato.