comportamento diverso tra IE e Firefox

**mld** · 13-08-2010, 18:22

Posto brevemente il css

codice:

html,body { }
body{font-family: arial,sans-serif; font-size: 76%; behavior: url(script/csshover2.htc); background-color: #c0c0c0;}
div#containersite { margin: 0 auto 0 auto; padding: 10px 5px 10px 5px; width: 860px;    background-color: #fff;}
div#header{background-color: #000; margin: 5px 10px 0 10px;}

div#content{margin: 25px 10px 10px 10px;}

div#footer{margin: 10px 10px 10px 10px; padding: 7px 15px 15px 10px; background-color:#000; color:#fff; text-align:center; }

#menu     { margin: 5px 10px 5px 10px;
	padding-bottom:20px;
	background-color:black;
	}
	#menu ul{
	list-style:none;
	overflow:hidden;
	height:110px;
	margin:0;
	padding:20px 20px 0 20px;
	border-bottom:5px solid white;
	}
	#menu li{
	display:inline;
	}
	#menu li a{
	display:block;
	float:left;
	width:100px;
	height:50px;
	margin:60px 2px 0 2px;
	border-top:5px solid white;
	border-right:5px solid white;
	border-left:5px solid white;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:white;
	}
	#menu li a span{
	display:block;
	margin-top:5px;
	padding:5px;
	}
	#menu li a b{
	display:block;
	margin-top:10px;
	font-family:"Arial Narrow";
	font-size:60px;
	}
	#menu li a:hover{
	height:110px;
	margin-top:0;
	}
	#menu li a.item1{
	background-color:#FF0099;
	}
	#menu li a.item2{
	background-color:#99CC00;
	}
	#menu li a.item3{
	background-color:#FF3300;
	}
	#menu li a.item4{
	background-color:#3399FF;
	}
	#menu li a.item5{
	background-color:#FFB300;
	}
	#menu li a.item1 span{
	background-color:#CC007A;
	}
	#menu li a.item2 span{
	background-color:#7AA300;
	}
	#menu li a.item3 span{
	background-color:#CC2900;
	}
	#menu li a.item4 span{
	background-color:#297ACC;
	}
	#menu li a.item5 span{
	background-color:#CC8F00;
	}

E questo è lo scheletro della pagina

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<link href="stile.css" rel="stylesheet" type="text/css">
<body>
<div id="containersite">

<div id="header">
<center><a href="x">[img]x[/img]</center>
</div>

<div id="menu">
	<ul>
		[*]<a href="#nogo" class="item1"><span>a
</span>01</a>[/list]
</div>

<div id="content">
testo
</div>

<div id="footer">
testo
</div>

</div>
</body>
</html>

Su Firefox è come vorrei io, invece su Internet Explorer ripete 2 volte la stessa parte grafica iniziale.

Potete aiutarmi? Grazie.

**Prill** · 13-08-2010, 21:17

Ciao mld, apparentemente, copiando e incollando il tuo codice (chiaramente le immagini non le vedo), non noto differenze fra la resa di Firefox e di Explorer, che però, appunto per l'assenza delle immagini, è incompleta (per inciso, attenzione, inserisci il tag head, apertura e chiusura, che manca, metti anche il title, rimuovi poi tag center all'interno del div header cui è sufficiente dare un allineamento centrato, e infine rendi il behavior visibie solo a Explorer inserendolo in un css, incorporato o esterno che sia, richiamato fra commenti condizionali: )

**Prill** · 14-08-2010, 08:06

e chiudi il tag a nel div header

**mld** · 14-08-2010, 14:20

Tutto 'sto casino per non avere chiuso il tag a....
accidenti alla fretta...

grazie Prill!

Discussione: comportamento diverso tra IE e Firefox

Strumenti discussione

Ricerca discussione

Visualizza

comportamento diverso tra IE e Firefox

Permessi di invio