View Single Post
Old 24-05-2007, 00:56   #1
DesmoColo
Senior Member
 
L'Avatar di DesmoColo
 
Iscritto dal: Sep 2003
Cittā: Lucca
Messaggi: 379
Problema con il rendering dei div con firefox

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:
Codice:
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...
__________________
God rides DUCATI!
DesmoColo č offline   Rispondi citando il messaggio o parte di esso