Problema visualizzazione su FF ed Opera

**cicciofarmaco** · 02-04-2006, 22:11

Salve gente, sto realizzando un sito internet, ma ho problemi di visualizzazione su alcuni dei browsers ormai più diffusi dopo IE, quali FF ed Opera. Qualucno sarebbe in grado di darmi qualche drita per ovviare a questo problema? Grazie..

Codice html

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>www.pinofirrarello.it - Sen. Pino Firrarello - Forza Italia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="javascript_1.js"></script>
<script type="text/javascript" src="javascript_2.js"></script>
</head>
<body>
<div id="header" class="table"></div>
<div id="container">


<ul id="minitabs">[*]Home
	[*]Biografia[*]Attività[*]Comunicati[*]Fotogalleria
	[*]Contatti[/list]


		     
<DIV id="corpo-colonna1" class=box_sx> 
<DIV class=boxTitle_sx>Dichiarazioni</DIV>


<div class=box_date_sx>17/02/2006</div>


<div class=box_body> CATANIA 2006: Cuscani, auspico più impegno da parte dei giovani in politica.</div>




<div class=box_date_sx>17/02/2006</div>


<div class=box_body> ELEZIONI D'ATENEO: Corradi, inizia la corsa all'identificazione dei candidati nelle varie facoltà.</div>
</DIV>
			




<DIV id="corpo-colonna2" class=box_center> 

<DIV class=boxTitle_center>Elezioni Politiche Nazionali: 9-10 Aprile 2006</DIV>
<div class=box_body> 

<div align="justify">

          [img]berlusconi.jpg[/img]CATANIA 2006: Cuscani, auspico più impegno 
          da parte dei giovani in politica. CATANIA 2006: Cuscani, auspico più 
          impegno da parte dei giovani in politica. CATANIA 2006: Cuscani, auspico 
          più impegno da parte dei giovani in politica. CATANIA 2006: Cuscani, 
          auspico più impegno da parte dei giovani in politica. CATANIA 2006: 
          Cuscani, auspico più impegno da parte dei giovani in politica. CATANIA 
          2006: Cuscani, auspico più impegno da parte dei giovani in politica. 
        </div>
</div>
</DIV>
		
		
		
		
		
		  
		  
<DIV id="corpo-colonna3" class=box_dx> 
<DIV class=boxTitle_dx>Dichiarazioni</DIV>


<div class=box_date_dx>17/02/2006</div> 

<div class=box_body> CATANIA 2006: Cuscani, auspico più impegno da parte dei giovani in politica.</div>




<div class=box_date_dx>17/02/2006</div>


<div class=box_body> ELEZIONI D'ATENEO: Corradi, inizia la corsa all'identificazione dei candidati nelle varie facoltà.</div>
</DIV>





  
<div id="footer" class="text">		  
Tutti i diritti riservati - <?php
$anno = date ("Y");
print "Tutti i diritti riservati &copy; $anno";
?> &copy; Webdesign by cicciofarmaco.tk &copy;</font>
</div>
</div>

</body>
</html>

codice css

codice:

BODY {
	MARGIN: 0px;  TEXT-ALIGN: center; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-image: url('bg.jpg'); 

}
a:link {
	COLOR: #004e90; TEXT-DECORATION: none
}
a:visited {
	COLOR: #004e90; TEXT-DECORATION: none
}
a:hover {
	COLOR: #666666; TEXT-DECORATION: none
}
a:active {
	COLOR: #004e90; TEXT-DECORATION: none
}
a.link_menu {
	FONT-WEIGHT: italic; FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
	}
	
a.link_menu:hover {
	FONT-WEIGHT: italic; FONT-SIZE: 9px; COLOR: #004e90; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }

.footer {
	FONT-SIZE: 9px; PADDING-BOTTOM: 5px; COLOR: #003471; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-color: #999; clear: left; 
}

.box_sx {
	border: #004e90 1px solid; 
	padding: 6px; 
	font-weight: bold; 
	font-size: 11px; 
	margin: 2px; 
	widht: 150px; 
	color: #004e90; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	text-align: left;
}
.box_date_sx {
	font-weight: normal; 
	font-size: 11px; 
	color: #003471; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #f0f8ff; 
	text-align: left
}
.boxTitle_sx {
	border: #004e90 1px dashed; 
	paddind: 6px;
	margin: 2px;
	font-weight: bold; 
	font-size: 12px; 
	color: #ffffff; 
	background-color: #004e90; 
	text-align: left; 
	}





.box_center {
	border: #004e90 1px solid; 
	padding: 6px; 
	font-weight: bold; 
	font-size: 11px; 
	margin: 2px;
	width:380px;
	color: #004e90; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	text-color: left;
	align: left;
}

.box_date_center {
	font-weight: normal; 
	font-size: 1apx; 
	color: #004e90; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	text-align: left;
}

.boxTitle_center {
	border: 2px; 
	padding: 6px; 
	font-weight: bold; 
	font-size: 12px; 
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background-color: #004e90; 
	text-align: center; 
	}


.box_dx {
	border: #004e90 1px solid; 
	padding: 6px; 
	font-weight: bold; 
	font-size: 11px; 
	margin: 2px; 
	widht: 150px; 
	color: #004e90; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	text-align: left;
}
.box_date_dx {
	font-weight: normal; 
	font-size: 11px; 
	color: #003471; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #f0f8ff; 
	text-align: left
}
.boxTitle_dx {
	border: #004e90 1px dashed; 
	paddind: 6px;
	margin: 2px;
	font-weight: bold; 
	font-size: 12px; 
	color: #ffffff; 
	background-color: #004e90; 
	text-align: left; 
	}










#corpo-colonna1 {
position: absolute;
top: 230px; 
left: 130px;
width: 160px;
padding: 4px;
}
#corpo-colonna2 {
margin: 0px 160px 0 160px;
border: 1px solid #004e90;
background: #fff;
padding: 4px;
} 

#corpo { 
width: 760px; 
margin:1em auto; 
text-align: left; 
position: relative;
background: #ffffff;
} 

code {
font: 11px; 
font-family: verdana,helvetica,sans-serif;
display: block;
margin:0 1em .5em 1em;
}

hr { display:none }

#corpo-colonna3 {
position: absolute;
top: 230px; 
right: 130px;
width: 160px;
padding: 4;
}










div#container{  
width: 760px; 
min-width:300px; 
margin:0 auto; 
text-align: center;
background-color: #ffffff;
}

/*minitabs start here*/

ul#minitabs{
list-style: none;margin: 0; padding: 7px 0; border-top: 4px solid #00aee7; 
font-weight: bold; font-size: 12px; text-align: left; white-space: nowrap;
}
ul#minitabs li{display: inline; margin: 0 3px;
}
ul#minitabs a{text-decoration: none; padding: 0 0 0 0; border-top: 4px solid #ffffff; color: #999999;
}
ul#minitabs a#current{ border-color:#f57e20; color: #006699;
}
ul#minitabs a:hover{ border-color: #cccccc; color: #666666;
}


.table{ 
background-image: url(testata.jpg); 
background-repeat: no-repeat;
background-position: center; 
height: 200px; 
widht: 760px; 
border: #004e90 0px dashed; 
paddind: 0px;
margin: 0px;
}
.table_gen{ 
background-color: #FFFFFF;
widht: 760px;
border: 0px; 
paddind: 0px;
margin: 0px;
}


/*Example CSS for the two demo scrollers*/

#pscroller1{

height: 100px;
BORDER-RIGHT: #004e90 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: #004e90 0px solid; 
PADDING-LEFT: 2px; 
FONT-WEIGHT: italic; 
FONT-SIZE: 10px; 
PADDING-BOTTOM: 2px; 
MARGIN-LEFT: 0px; 
BORDER-LEFT: #004e90 1px solid; 
WIDTH: 170px; 
COLOR: #004e90; 
MARGIN-RIGHT: 0px; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: #004e90 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #ffffff; 
TEXT-ALIGN: left
}
.someclass{ //class to apply to your scroller(s) if desired
}

.box_news {
	BORDER-RIGHT: #004e90 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #004e90 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN-LEFT: 0px; 
	BORDER-LEFT: #004e90 1px solid; 
	WIDTH: 170px; 
	COLOR: #004e90; 
	MARGIN-RIGHT: 0px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #004e90 0px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left
}
.box_body {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left
}

a.link_1{
	COLOR: #f57e20; TEXT-DECORATION: underline; FONT-WEIGHT: bold; 
}

a.link_1:hover {
	COLOR: #f57e20; TEXT-DECORATION: none; FONT-WEIGHT: bold; 
}

a.link_2{
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 11px; BACKGROUND-COLOR: #999999; FONT-WEIGHT: italic;
}

a.link_2:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 11px; BACKGROUND-COLOR: #f57e20; FONT-WEIGHT: italic;
}



a.calend{
	COLOR: #f57e20; TEXT-DECORATION: none; FONT-SIZE: 10px; BACKGROUND-COLOR: #ffffff; FONT-WEIGHT: italic;
}

a.calend:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 10px; BACKGROUND-COLOR: #f57e20; FONT-WEIGHT: bold;
}

a.accessibilita{
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 12px; BACKGROUND-COLOR: #ffffff; 
}

a.accessibilita:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 12px; BACKGROUND-COLOR: #f57e20; 
}
.text {
	COLOR: #333333;
}

.copyright{
TEXT-ALIGN: center; FONT-SIZE: 11px; TEXT-COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
div#footer{  
width: 760px; 
margin:0 auto; 
text-align: center;
background-color: #999;
}

**Federix** · 03-04-2006, 10:40

Analizzando il codice in pochi sapranno dirti dove è l'errore. Facci sapere dove è l'errore.

**thomas_anderson** · 03-04-2006, 18:35

.box_center {
border: #004e90 1px solid;
padding: 6px;
font-weight: bold;
font-size: 11px;
margin: 2px;
width:380px;
color: #004e90;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
text-color: left;
align: left;

Due cose sono errate ma non c'entrano col layout: text-color: left (non esiste nei CSS), align: left (idem). il tuo problema è che il box di centro si abbassa rispetto al menu laterali, giusto? azzera margin e padding, e prova, un'altra cosa: se vuoi mettere tre box in fila ti consiglio di usare il float. ciao

Discussione: Problema visualizzazione su FF ed Opera

Strumenti discussione

Ricerca discussione

Visualizza

Problema visualizzazione su FF ed Opera

Permessi di invio