Errore con i div solo sotto mozilla

**condor72** · 31-12-2006, 14:43

ciao a tutti,
ho creato un menù a tendina con un javascript funziona benissimo con tutti i browser Explorer, firefox, opera ma mi da un problema nella visualizzazione con mozilla e non riesco a carpire in nessun modo il problema... posto il link dove vederlo, un immagine per chi non abbia mozilla e il codice di riferimento...

link menù:
http://myscript72.altervista.org/script/menu/02/

errore in jpg sotto mozilla
http://myscript72.altervista.org/scr.../02/errore.jpg

pagina html

codice:

<head>

		<title> menù </title>

		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<meta name="title" content="" />
		<meta name="author" content="" />
		<meta name="subject" content="" />
		<meta name="language" content="en" />
		<meta name="keywords" content="" />

		<link rel="stylesheet" href="style.css" type="text/css">

		<script type="text/javascript">
		function ShowAndHide(id1,id2){
		if(document.getElementById){
			el1=document.getElementById(id1);
			el2=document.getElementById(id2);
			if(el1.style.display=="none"){
				el1.style.display="block";
				el2.style.display="none";
				}
			else{
				el1.style.display="none";
				el2.style.display="block";
				}
			}
		}
		</script>

	</head>
	
		<body>

	
		<div id="abb" class="sfondo">Abbigliamento</div>
	
	
		<div id="abbigliamento">
			<div class="sfondo2">Abbigliamento</div>
			<div class="sfondo3">www</div>
			<div class="sfondo3">www</div>
			<div class="sfondo3">www</div>
		</div>

		<div id="agri" class="sfondo">Agricoltura</div>

		<div id="agricoltura">
			<div class="sfondo2">Agricoltura</div>
			<div class="sfondo3">www</div>
			<div class="sfondo3">www</div>
			<div class="sfondo3">www</div>
		</div>

		</body>
	
	</html>

css

codice:

body {
	background-color: #C0C0C0;
   margin: 0px;
	padding:0px;
	height: 100%;
}

a#menu:link {color: #1A2C3F; text-decoration: none;}
a#menu:visited {color: #1A2C3F; text-decoration: none;}
a#menu:active {color: #1A2C3F; text-decoration: none;}
a#menu:hover {color: #1A2C3F; text-decoration: underline;}

div#abbigliamento{display:none}
div#agricoltura{display:none}
div#alimentari{display:none}

.sfondo {
   background-image: url(sfondo_voci_menu01.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 20px;
}

.sfondo2 {
   background-image: url(sfondo_voci_menu02.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 20px;
}

.sfondo3 {
   background-image: url(sfondo_voci_menu03.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 20px;
}

.h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3D4049;
	margin-left: 25px;
   line-height: 20px;
	font-weight: bold;
}

.h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3D4049;
	margin-left: 25px;
   line-height: 20px;
}

**deleted_26** · 31-12-2006, 21:06

nn si capisce molto bene dall'img: qualè il problema?

**condor72** · 01-01-2007, 01:54

controlla ora su questo link dovresti vedere l'errore... praticamente tra la prima riga del menu e la seconda mi lascia uno spazio e lo vedo solo con mozilla mentre con firefox e explorer si vede bene.

http://myscript72.altervista.org/scr...02/errore.html

**condor72** · 02-01-2007, 22:26

qualcuno mi sa indicare qualche script o sito che lo contiene, possibilmente con effetti tipo del sito di blogosfere.it con il menù a destra che si apre dal pulsante + in verticale...
però + semplice da implementare... ho provato a utilizzare questo di blogosfere ma è troppo complicato...

http://www.blogosfere.it/

http://myscript72.altervista.org/script/menu/02/

grazie

Discussione: Errore con i div solo sotto mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Errore con i div solo sotto mozilla

Permessi di invio