DesmoColo
24-05-2007, 00:56
Salvea a tutti. Per facilitare la comprensione del mio problema, ho pubblicato la home provvisoria del sito su cui sto lavorando al seguente indirizzo:
http://localhost/hagakurekarate/index.php
Prima di esporre il problema, riporto il css relativo:
html
{
background-color:#000000;
margin:0px;
padding:0px;
}
body
{
background-color:#000000;
margin:0px;
padding:0px;
font:Verdana;
font-weight:bold;
}
.main
{
background-color:#9f9f9f;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
width:790px;
height:100%;
margin:auto;
}
.header
{
background-color:#9f9f9f;
padding-top:10px;
padding-right:5px;
padding-bottom:0px;
padding-right:5px;
height:100px;
margin-left:3px;
margin-right:3px;
}
.divborder
{
background-color:#660000;
margin:auto;
width:790px;
padding:3px;
height:100%;
}
.logo
{
float:left;
padding-left:18px;
}
.scritta
{
float:left;
padding-left:40px;
}
.jump
{
float:right;
padding-right:5px;
padding-left:0px;
padding-bottom:0px;
}
.footer
{
background-color:#9f9f9f;
height:20px;
font-size:10px;
clear:left;
}
.line
{
height:2px;
background-color:#660000;
}
.menu {
background-color:#9F9F9F;
}
.content-panel
{
margin:auto;
padding-top:5px;
position:relative;
float:left;
background-color:#ffffff;
clear:left;
}
.rigthside
{
float:right;
background-color:#CC6600;
}
.leftside
{
float:left;
width:20%;
background-color:#66FF00;
}
.centerzone
{
width:60%;
margin-right:-1px;
background-color:#FFFF00;
float:left;
}
.orario
{
padding:3px;
font:Verdana;
font-weight:bold;
}
.cinturenere
{
padding:3px;
}
.news
{
padding:3px;
}
.photo
{
padding:3px;
}
.centerbox
{
padding:5px;
border:solid;
}
Su explorer le cose vanno benino (a parte quelle specie di chiazze di colore che appaiono sotto i bottoni....), ovvero si vedono i tre div leftside, centerzone,rightside (che sono dentro il div chiamato content-panel) allineati uno accanto all'altro. Su Firefox invece si mostrano in cascata...
Altro problema, stavolta comune ai due browser, è il fatto che il rollover dei bottoni non funziona. Inoltre pur avendo utilizzato i div mi pare che il rendering della pagina sia troppo lento...
http://localhost/hagakurekarate/index.php
Prima di esporre il problema, riporto il css relativo:
html
{
background-color:#000000;
margin:0px;
padding:0px;
}
body
{
background-color:#000000;
margin:0px;
padding:0px;
font:Verdana;
font-weight:bold;
}
.main
{
background-color:#9f9f9f;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
width:790px;
height:100%;
margin:auto;
}
.header
{
background-color:#9f9f9f;
padding-top:10px;
padding-right:5px;
padding-bottom:0px;
padding-right:5px;
height:100px;
margin-left:3px;
margin-right:3px;
}
.divborder
{
background-color:#660000;
margin:auto;
width:790px;
padding:3px;
height:100%;
}
.logo
{
float:left;
padding-left:18px;
}
.scritta
{
float:left;
padding-left:40px;
}
.jump
{
float:right;
padding-right:5px;
padding-left:0px;
padding-bottom:0px;
}
.footer
{
background-color:#9f9f9f;
height:20px;
font-size:10px;
clear:left;
}
.line
{
height:2px;
background-color:#660000;
}
.menu {
background-color:#9F9F9F;
}
.content-panel
{
margin:auto;
padding-top:5px;
position:relative;
float:left;
background-color:#ffffff;
clear:left;
}
.rigthside
{
float:right;
background-color:#CC6600;
}
.leftside
{
float:left;
width:20%;
background-color:#66FF00;
}
.centerzone
{
width:60%;
margin-right:-1px;
background-color:#FFFF00;
float:left;
}
.orario
{
padding:3px;
font:Verdana;
font-weight:bold;
}
.cinturenere
{
padding:3px;
}
.news
{
padding:3px;
}
.photo
{
padding:3px;
}
.centerbox
{
padding:5px;
border:solid;
}
Su explorer le cose vanno benino (a parte quelle specie di chiazze di colore che appaiono sotto i bottoni....), ovvero si vedono i tre div leftside, centerzone,rightside (che sono dentro il div chiamato content-panel) allineati uno accanto all'altro. Su Firefox invece si mostrano in cascata...
Altro problema, stavolta comune ai due browser, è il fatto che il rollover dei bottoni non funziona. Inoltre pur avendo utilizzato i div mi pare che il rendering della pagina sia troppo lento...