Allora, non ho letto tutto il thread perchè è lunghissimo, ma in generale chi sbaglia è sempre IE.
Per allineare un div al centro, con FF devi mettere margin:auto (giusto perchè se al browser gli dici auto="fai tu" lui mette metà del margin a DX e metà a SX)
Per allineare con IE devi mettere text-align:center (sbagliato perchè io non voglio centrare il testo ma l'intero div, tant'è che se poi vuoi il testo giustificato devi dare al p text-align:justify)
Puo darsi che non abbia capito bene il tuo problema. Se posti l'indirizzo del sito ci darò un'occhiata.
.......
Ok ho dato un occhiata al tuo codice.
il problema è che non tieni conto dei vari padding e margin e border.
se tu fai 3 div float left 16% 68% 16%, arrivi gia a 100%, se poi vuoi farci stare anche i vari padding e/o margins e border, la somma fa più di 100% e il div va a capo, perchè FF (giustamente fa esattamente quello che gli dici) e quindi la larghezza totale è superiore alla pagina.
IE invece decide lui arbitrariamente di sottrarre i padding dal totale, quindi ci sta nel 100%, però in realtà le dimensioni NON sono quelle che gli avevi detto tu!
questo funziona anche su FF, sistemalo un po' secondo le tue esigenze, stando attento a non superare il 100%.
P.S. se usi la web developer toolbar e html-kit (come ho fatto io), ci metti circa 30 secondi a individuare l'errore.
Ciao.
DIV {
border: solid 1px;
}
div.principale {
padding-left: 6px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 6px;
position: Absolute;
top: 10px;
left: 25px;
border: dotted 1px;
width: 97%;
height: 98%;
}
div.black {
padding-left: 7px;
padding-right: 7px;
width: 99%;
height: 820px;
background-color: Black;
}
div.adv1 {
width: 99%;
height: 185px;
text-align: right;
}
#header {
position: Absolute;
left: 10px;
top: 12px;
}
div.center {
float: left;
width: 68%;
height: 300px;
border: solid 1px White;
padding: 0px;
padding-top: 8px;
font: 12px, Arial; color: White;
}
div.left {
float: left;
width: 15%;
border: 0px;
padding-right: 5px;
text-align: center;
}
div.right {
float: left;
width: 15%;
border: 0px;
padding-left: 0px;
text-align: center;
}
div.menu {
padding: 0px;
width: 92%;
background-color: #778899;
border-left: solid 1px White;
border-bottom: solid 1px White;
border-right: solid 1px White;
border-top: 0px;
font: 11px, Arial Rounded MT Bold; color: White;
text-align: left;
}
div.title {
width: 96%;
background-color: #FFD700;
font: 13px, Arial Rounded MT Bold, Bolder;
border: solid 1px White;
padding-left: 0px;
text-align: left;
}
a.menu { font: 11px, Arial Rounded MT Bold; color: White; padding-left: 0px; text-decoration: none;}
a.menu:hover { text-decoration: Underline;}
