Browser con table less + Css

[biribit]

Sto cercando di passare all'impaginazione senza tabelle.
Su Explorer tutto ok ma su Netscape (7.2) e Mozilla (1.7) la pagina: www.biribit.net/test risulta non allineata al centro e con i vari div non al 100% dell'altezza.

CSS:
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333
}
html {
height: 100%;
margin: 0;
}
body {
background-color: #e6e6e6;
text-align: center;
height: 100%;
margin: 10 0 10 0;
padding: 0;
}
div.contdx {
z-index: 6;
background-color: transparent;
width: 100%;
padding-top: 200px;
padding-left: 418px;
position: absolute;
top: 30px;
line-height: 20px;

}
div.bkgd {
z-index: 4;
background-color: #e6e6e6;
height: 100%;
width: 100%;
padding-top: 25px;
text-align: center;
}
div.main {
z-index: 1;
background: #bbb url(../pics/logo.jpg) no-repeat;
height: 100%;
width: 400px;
padding-top: 150px;
padding-right: 10px;
padding-left: 10px;
text-align: justify;
}
div.ext{
z-index: 2;
text-align: left;
background: #C5C2BD url(../pics/claim.gif) no-repeat;
height: 100%;
width: 750px;
padding-top: 23px;
border-top: solid 12px #d2d2d2;
border-right: solid 34px #d2d2d2;
border-bottom: solid 12px #d2d2d2;
border-left: solid 8px #d2d2d2;
padding: 23 0 23 33
}

h1 {
width: 370px;
border-bottom: solid 1px #fff; /*#FF824A*/
font-size: 12px;
line-height: 25px;
font-weight: 900;
color: #8D3738;
margin-bottom: 15px;
}
h2 {
padding-bottom: 10px;
font-size: 11px;
font-weight: bold;
color: #2F4F4F;
}
div.logo {
width: 90px;
height: 90px;
text-align: right;
}
p.eng{
color: #555;
margin-top: 5px;
margin-bottom: 17px;
}
span.txtcont {
width: 370px;
}
Da questa pagina vorrei poi sviluppare le altre...
Se qualcuno può aiutarmi gli sarei infinatamente grato...

[sms]

x allineare al centro con mozilla devi mettere un box contenitore (se non è già prsente.. non mi sono soffermato sul tuo codice) con la caratteristica margin: auto;

[biribit]

Perfetto....grazissime
Tra l'altro mi sono accorto di qualke buco nel codice css... adesso l'ho validato e mi tielne anke l'altzza 100%.
Devo solo riuscire a dimensionare a 400px quel c...o di box grigio centrale (div.main)che mi risulta di 420 mo' mi ci rimetto..

[floyd46]

ciao
il #main ti risulta di 420px perchè non hai tenuto conto che hai scritto:
div.main {
z-index: 2;
background: #787471 url(../pics/logo.jpg) no-repeat;
height: 100%;
width: 400px;
padding-top: 150px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-top: solid 12px #C5C2BD;
text-align: justify;
}

Ergo: 10px + 400px + 10px = 420px.
ciao

[biribit]

già...ke pistola.
Darò del margine interno... mo' pruovo...
Gracias!

[biribit]

...proprio nun ja fo'!
Adesso su Netscape ho riperso l' height 100% e mi risulta + largo tanto che si divide in 2 la fascia grigia in alto..
Se qualke anima gentile...
www.biribit.net/test
#ext = contenitore 1
#main = contenitore2
#contdx = indirizzo (...)
Css:
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff
}
html {
margin: auto;
}
body {
background-color: #e6e6e6;
text-align: center;
height: 100%;
margin: 10px 0px 10px 0px;
padding: 0;
}
div.contdx {
z-index: 1;
background-color: transparent;
width: 100%;
padding-top: 200px;
padding-left: 418px;
position: absolute;
top: 30px;
line-height: 20px;
color: #444;

}
div.ext{
z-index: 3;
text-align: left;
background: #C5C2BD url(../pics/claim.jpg) no-repeat right 12px;
height: 100%;
width: 750px;
margin: auto;
border-top: solid 12px #d2d2d2;
border-right: solid 34px #d2d2d2;
border-bottom: solid 12px #d2d2d2;
border-left: solid 8px #d2d2d2;
padding: 0px 0px 23px 33px;
}
div.main {
z-index: 2;
background: #787570 url(../pics/logo.jpg) no-repeat;
height: 100%;
width: 400px;
padding-top: 150px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
border-top: solid 12px #C5C2BD;
text-align: justify;
margin-right: 0;
}

h1 {
width: 370px;
border-bottom: solid 1px #8D3738; /*#FF824A*/
font-size: 12px;
line-height: 25px;
font-weight: 900;
color: #fff; /*#8D3738*/
margin: 0px 0px 15px 12px;
}
h2 {
padding-bottom: 10px;
font-size: 11px;
font-weight: bold;
color: #2F4F4F;
}
div.logo {
width: 90px;
height: 90px;
text-align: right;
}
p.eng{
color: #c5c5c5;
margin: 5px 25px 17px 12px;
}
p.ita{
color: #fff;
margin: 5px 24px 5px 12px;
}