Problema con barra di navigazione

[magomac]

Ciao a tutti,

mi è stato chiesto, come semplice favore, se riuscivo a realizzare un restyling dell'home page del sito di un liceo.

Attualmente il sito è questo qui: www.liceoginosegre.it

Era stato realizzato abbastanza bene, scrivendo direttamente in codice HTML (e piccole parti in PHP).

Solo la barra dei menù era stata creata utilizzando Dreamweaver e poi adattata alle esigenze.

Nel mio resyling ho provato ad utilizzare la libreria jQuery (ma quello non ha dato nessun problema).

La barra dei menù l'ho invece presa così com'era (ho semplicemente modificato il css) e riposizionata.

Su Safari e Firefox la nuova home funziona benissimo (provvisoriamente è accessibile all'indirizzo http://win.liceoginosegre.it/ ).

Su Explorer invece da diversi problemi: per prima cosa, no ho ancora capito dove sia l'errore, il div con la barra dei menà non è allineato a destra ma bensì a sinistra, sopra il logo.

Inoltre se provo ad aprire il menù a tendina: 1) è in secondo piano rispetto alla foto 2) al posto delle voci di menù viene scritto false!! Non ho proprio capito da dove si prenda questo false!!!!! La barra non è dinamica!!!!!

Se non sbaglio durante i primi tentativi le voci di menù apparivano ma era comunque in secondo piano. Ho poi fatto alcuni esperimenti (con i div, l'attributo css z-index etc) e ora deco aver fatto ancora più casino visto che viene false!

Questo è uno screenshot di quello che vedo con IE:

Qualcuno è in grado di aiutarmi??

In questo zip ci sono i file strettamente necessari: la pagina, i css, i file js e la barra di navigazione (il suo css e il suo js sono in barraNavigazione/SpryAssets).

http://win.liceoginosegre.it/file.zip

Spero che qualcuno riesca a illuminarmi!!

Grazie mille!!!!!!!!!!!

[Cicciokr]

innanzitutto tu stai usando ie6 che non supporta molte tecniche javascript nuove.. e neppure alcuni attribbuti css..

comunque su ie7 per aggiustare il menu mi è bastato mettere cosi:

ul.MenuBarHorizontal

{

margin: 0;

padding: 0;

list-style-type: none;

font-size: 100%;

cursor: default;

width: auto;

height: 22px;

z-index:10;

float:left;

}

ovvero il float:left

[magomac]

Allora..... IE6 lo sto usando apposta per fare test! Purtroppo buona parte degli utenti windows xp utilizza ancora quello....

Grazie per il float left, ora la barra è posizionata correttamente.

Resta però il problema del false!

Ho provato su IE7 (con IETester) e li non viene scritto false ma comunque è tutto bianco e non si vedono le voci di menù........