La pagina e` questa, perfettamente visibile con IE 6.0 e Opera 7.11 ma c'e` un problema con Mozilla 1.4 e Netscape 7.1. I possessori di questi ultimi due browser potranno notare una linea verticale sopra la I di "In costruzione": e` il bordo sx della colonna dx che supera il box principale. Il css ha superato la validazione w3c, come si spiega?
codice:
body {
font:100% verdana,helvetica,sans-serif;
margin:0;
padding:0;
text-align:center;
}
#testa {
position: relative;
background:#739cc6;
border:2px solid #000;
padding:1em 0;
width:780px;
margin:1em auto;
text-align:left;
}
#corpo {
position:relative;
background:#739cc6;
border:2px solid #000;
width:780px;
height:390px;
margin:1em auto;
}
#corpo-colonna1 {
position:absolute;
top:0;
left:10px;
padding:1em 1em;
}
#corpo-colonna2 {
position:relative;
margin:0 0 0 150px;
border-left:1px solid #000;
padding:1em 1em;
text-align: justify;
height:390px;
}
#logoscin {
position: absolute;
left: 50%;
z-index: 1;
margin-left: -153px;
margin-top: 0px;
}
#logoccna {
position: relative;
left: 1%;
z-index: 1;
}
#logoapache {
position: absolute;
right: 15%;
z-index: 1;
}
#logomysql {
position: absolute;
right: 1%;
z-index: 1;
}
#logophp {
position: absolute;
left: 13%;
z-index: 1;
}
#menu1 {
position:absolute;
top:50px;
left:0%;
z-index: 1;
}
#menu2 {
position:absolute;
top:125px;
left:0;
z-index: 1;
}
#menu3 {
position:absolute;
top:200px;
left:0;
z-index: 1;
}
#menu4 {
position:absolute;
top:275px;
left:0;
z-index: 1;
}
.sign {
font-family: Verdana, Arial, Helvetica;
font-size: 20px;
text-align: center;
}