Buonasera a tutto il forum
Ora, se avete tempo,e vi ringrazion fin d'ora, il problema è questo :
la differente visualizzazione, ovviamente imputabile al css, della home del sito (Http://thelostboy.netsons.org/Home/index2.php) tra i 2 browser citati nel titolo.
In IE 7, non capisce che deve visualizzare il contenuto centrale a top 100,(lo interpreta a top:0, e quindi va sotto l'header e non si vedono alcune cose tipo immagini ecc.), stessa cosa per il bottom, anche l' il contenuto centrale occupa tutta la pagina, andando anche quindi sotto il footer...
In Mozilla, tutto perfetto, ma compare una barra bianca dopo l'header...
Tutte le pagine sono validate perfettamente dal w3c, e anche il css.
Mi potete aiutare per favore?
Grazie.
Posto il codice che sembra contenere l'errore (penso sia all'interno di questo codice l'errore) :
/* impostazioni layout */
/* html e body */
html{
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:76%;
font-family:"georgia, palatino linotype, times new roman, serif";
color:#FFFFFF;
/* hide overflow:hidden from IE5/Mac /
/ */
overflow:hidden;
/* */
}
body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}
body A:link {
text-decoration:none;
BACKGROUND-COLOR: #000000;
COLOR: #FFFFFF;
}
body A:hover {
BORDER-TOP: #ECA722 1px solid;
BORDER-bottom: #FF0000 1px solid;
BACKGROUND-COLOR:;
COLOR:;
}
body A:visited {
text-decoration:none;
BACKGROUND-COLOR:;
COLOR:;
}
/* header */
#header {
position:absolute;
margin-left:15%;
margin-right:15%;
top:0;
left:0;
display:block;
width:70%;
height:80px;
z-index:5;
}
#bordo_header_superiore
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:10px;
z-index:5;
}
#header_sx{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;
}
#header_preferiti_ecc{
height:100%;
position:absolute;
left:0;
top:10px;
width:10%;
z-index:5;
overflow:auto;
}
#header_cen{
height:100%;
position:absolute;
left:0;
top:10px;
width:60%;
z-index:5;
overflow:auto;
}
#header_bordo_cen{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;
}
#header_login{
height:100%;
position:absolute;
left:0;
top:10px;
width:24%;
z-index:5;
overflow:auto;
}
#header_dx{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;
}
left:0;
}
left:2%;
}
left:12%;
}
left:72%;
}
left:74%;
}
left:98%;
}
div#bordo_sup {
position:absolute;
margin-left:15%;
margin-right:15%;
top:80px;
left:0;
display:block;
width:70%;
height:20px;
z-index:5;
}
/*contenuto centrale */
#bordo_sx{
margin-left:15%;
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}
#content{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:48%;
z-index:4;
overflow:auto;
}
#bordo_cen{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}
position:absolute;
left:0;
top:105px;
bottom:50px;
width:16%;
z-index:4;
overflow:auto;
}
#bordo_dx {
position:absolute;
margin-right:15%;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}
- html, * html, * html, * html, * html {
height:100%;
top:0;
bottom:0;
}
{
left:0;
}
{
left:17%;
}
{
left:65%;
}
{
left:67%;
}
left:83%;
}
.inner {
display:block;
padding:0 10px 10px 10px;
}
.bold {
font-size:1.5em;
font-weight:bold;
}
/* footer */
#footer {
position:absolute;
margin-left:15%;
margin-right:15%;
bottom:0;
left:0;
display:block;
width:70%;
height:50px;
z-index:5;
text-align:center;
color:rgb(157,78,84);
}
