Incompatibilità tra CSS, FF ed IE

**cicciofarmaco** · 08-03-2006, 22:20

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.bmp');

}
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
}



.box_sx {
	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 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left
}
.box_date_sx {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #003471; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #f0f8ff; 
	TEXT-ALIGN: left
}
.boxTitle_sx {
	BORDER-TOP-WIDTH: 1px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	PADDING-BOTTOM: 2px; 
	COLOR: white; 
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #004e90; 
	TEXT-ALIGN: left; 
	BORDER-RIGHT-WIDTH: 1px
}






.box_center {
	BORDER-RIGHT: #004e90 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #004e90 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9px; 
	PADDING-BOTTOM: 2px; 
	MARGIN-LEFT: 0px; 
	BORDER-LEFT: #004e90 1px solid; 
	WIDTH: 380px; 
	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
}
.box_date_center {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #004e90; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left
}
.boxTitle_center {
	BORDER-TOP-WIDTH: 1px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BORDER-BOTTOM-WIDTH: 1px; 
	PADDING-BOTTOM: 2px; 
	COLOR: #ffffff; 
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #004e90; 
	TEXT-ALIGN: center; 
	BORDER-RIGHT-WIDTH: 0px
	}


.box_dx {
	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: 4px; 
	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
}
.box_date_dx {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #003471; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #f0f8ff; 
	TEXT-ALIGN: left
}
.boxTitle_dx {
	BORDER-TOP-WIDTH: 1px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	PADDING-BOTTOM: 2px; 
	COLOR: white; 
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #004e90; 
	TEXT-ALIGN: left; 
	BORDER-RIGHT-WIDTH: 1px
}















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

/*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); height: 200px;
}
.table_gen{ 
background-color: #FFFFFF;
}


/*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: 12px; BACKGROUND-COLOR: #999999; FONT-WEIGHT: bold;
}

A.link_2:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 12px; BACKGROUND-COLOR: #f57e20; FONT-WEIGHT: bold;
}



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;
}

Ecco fatto..

Discussione: Incompatibilità tra CSS, FF ed IE

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio