Sto impazzendo per centrare

[mastroale]

Il sito è il seguente: www.laltromodo.org

Con Internet Explorer (anche 6) per windows mi vede il sito tutto a sinistra, problema che non ho nè con firefox, nè con opera, nè con mac.
E' la terza ristrutturazione che provo: prima ho fattio di testa mia coi posizionamenti assoluti. Poi ho cambiayo e ho seguito l'impostazione della guida ai layout css per una struttura float a due colonne (contenitore con width in pixel e impostato a margin: 0 auto, adesso ho provato a usare un trucco visto su un altro sito... il maledetto programma di zio bill al solito dà problemi. Vi posto il css... sto impazzend. Perchè non mi posiziona il contenitore al centro della pagina ma appiccicato al bordo sinistro????
Grazie a tutti da un newbie...
Alessandro

css

html, body {
margin: 0;
padding: 0;
}
/*stili blocco centrale*/
.principale {
width: 740px;
margin: 0px -370px;
position: absolute;
left: 50%;

}

/*stili della testa*/
.testa {
background-color: gray; width: 736px;
padding: 0;
border: 4px double black;
margin: 25px auto;}

/* stili interni*/
.destra {
float: right;
width: 50%;
}
.sinistra {
margin-right: 50%;
}
.piede {
clear: right;
bottom: 0;
width: 100%;
border: solid 2px rgb(255, 197, 138);
}
/* stili particolari*/
.psx {
color: black;
background-color: rgb(255, 197, 138);
margin-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
padding: 0px 15px 0px 15px;
}
div.psx {
border: 2px solid rgb(132, 179, 236);
}
h4.psx {
color: red;
margin-top: 5px;
}
.startmenu {
color: black;
background-color: rgb(132, 179, 236);
}
.pdx {
margin-top: 45px
}
.menu {
padding: 5px 6px 5px 20px
}
.pdx.par1 {
border: solid 2px rgb(132, 179, 236);
padding: 0px 6px 10px 6px;
}
img#par1 {
float: right;
margin-top: 0px;
padding-top: 0px;
border: 0px;
}
.pdx.par2 {
margin-top: 35px;
}

[andrea.paiola]

preso da pro.html.it:
Centrare verticalmente e orizzontalmente nel body

Centratura orizzontale e verticale sono anche possibili nel caso in cui siano note le dimensioni del contenuto, ma non del contenitore. E' il caso del prossimo esempio, in cui un elemento viene centrato nella finestra del browser. La tecnica, molto ben spiegata in questo articolo , è geniale, e usa una combinazione di posizionamento assoluto e margini negativi. In sostanza il paragrafo viene inizialmente posizionato con l'angolo in alto a sinistra al centro della finestra, per poi essere traslato della metà delle sue dimensioni verso l'alto e verso sinistra. Ecco il CSS:

p{ position: absolute;top: 50%;left: 50%;
    width: 140px;height: 50px;
    margin-left: -70px;margin-top: -25px;
    background-color: #FFF;color: #999;
    text-align: center}

occhio che non funziona con IE5 su Mac

[mastroale]

E' esattamente come è impostato il sito ora... ma prova a guardare... Perchè non mi funziona?
e soprattutto perchè neppure
{width: XXXpx
margin: 0 auto;
}
funziona?

[andrea.paiola]

a me funziona sia su Internoz Exploder che su Volpe di Fuoco...

[mastroale]

cioè su Internet Explorer a 1024X768 lo vedi nel mezzo della pagina????
Dsvvero???

[andrea.paiola]

si

[mastroale]

GRAZIE!!!!!

[akiross]

Ringrazio anche io perche' mi e' utile questa soluzione

btw

a me funziona sia su Internoz Exploder che su Volpe di Fuoco...

firefox si traduce panda rosso o panda minore in italiano.

[andrea.paiola]

Originariamente inviato da akiross
firefox si traduce panda rosso o panda minore in italiano.

tanto è un programma (è un nome proprio) percui non fa differenza

[lorenzos]

Si traduce Volpe di fuoco...