problema menu con opera

[motorcycle]

Ciao, sto utilizzando in un sito un menu css+javascript che ho trovato in rete. Funziona sia con IE che con FF, solo che con opera le varie voci dei link non rispettano la larghezza del contenitore.

Questo è il sito

Nella pagina ho questa struttura tipo:
<div id="menu">
<div id="principale">
<div class="titolomenu" onclick="SwitchMenu('sub1')"><h2>Italia</h2></div>
<span class="menu_int" id="sub1">
.:Monte Lema:.
ecc.
.....

Nel CSS
div#menu {
width:225px;
position:absolute;
top:70px;
left:5px;
z-index:20;
}

.titolomenu{
cursor: pointer;
margin-top: 5px;
background-color: #333333;
width: 225px;
padding: 2px;
text-align: center;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.menu_int{
border:1px solid #333333;
background-color:#DFDED7;
text-align: left;
width: 225px;
margin:0;
padding:0;
}

Sapete dirmi come posso fare per farlo funzionare anche con opera.

Grazie
ciao ciao

[andrea.paiola]

con Opera mi sembra tutto OK!

[motorcycle]

noooo, ma da me fa un casino! Uff, qualcun'altro che ha Opera può vedere se il menù funziona correttamente. (E' la sezione Italia che si scombina)

Grazie

[andrea.paiola]

no no è vero hai ragione ti si scombina tutto... non avevo provato ad aprirlo il menù... sarà un problema di javascript...hai scritto javascript standard? pierofix sai aiutarlo? io di javascript ne so molto poco...

[motorcycle]

allego lo script:

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.menu_int{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("principale").getElementsByTagName("span");
		if(el.style.display != "block"){
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="menu_int")
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}

[ptransidico]

non e un problema di script ma di css.
se infatti disabiliti il js il problema permane
ciao

[motorcycle]

anche secondo me, ho provato a fare molte modifiche ma niente.
L'unica è mettere le varie voci una sotto l'altra ma diventerebbe un menù troppo lungo.

[ptransidico]

secondo me Opera quando ha elementi in line in un contenitore questi non rispettano le dimensioni del contenitore.
se tu infatti prendi un contenitore con elementi in line ci fissi le dimensioni, con opera gli elemti sforano con gli altri browser no.
ciao

[motorcycle]

tra l'altro non sono voci elenco ([*]) che hanno un display in-line ma si tratta di testo normale con un <a href...> che si trova all'interno di un tag span che a sua volta si trova in un div.
Ho provato anche a mettere un elenco classico <ul>[*] con in-line ma non cambia niente. Solo in Opera mi crea problemi ed è un peccato perché lo script è carino. Mi sa che devo trovare un'altra soluzione.
Se qualcuno ha dei suggerimenti...

[andrea.paiola]

nei link utili ci sono delle belle risorse sui menù CSS dacci un occhio