Problema posizionamento menu orizzontale in jquery

[robbicarlos]

Buonasera a tutti, ho un altro problema da porvi, stavolta forse meno annoso ma pur sempre un problema.

Sto inserendo nel mio sito un menu in jquery di tipo dropdown orizzontale e fin qui tutto bene. Il problema consiste nel fatto che la lista che scorre da ogni tasto del menù fa scendere il div appena sotto il menù insieme a lei, creando un brutto effetto visivo nel sito stesso. vorrei chiedervi come posso evitare questa problematica, cioè come far si che gli elementi della lista vadano sopra il div madre senza intaccarne la posizione.

vi linko:http://bezoutandhismath.altervista.org/provesito/

 

[robbicarlos]

no one can help me? ancora non sono riuscito a risolvere il problema. datemi una mano ragazzi.:skull:

 

[robbicarlos]

cioè, nel regolamento c'è scritto di inserire nel titolo una frase descrittiva del problema, e dopo averlo fatto in perfetto ordine...mi vedo 2 pagine di risposte ad un post che si chiama domandona, e invece io sto qui a rispondermi da solo. thanks.:elvis:

 

[alessandro1997]

Se nessuno ti risponde è perché nessuno ha ancora trovato una soluzione al tuo problema, non perché ci stai antipatico. Quindi c'è poco da "farsele girare".

 

[robbicarlos]

sorry, pensavo fosse un problema comune facilmente risolvibile che riguardava il posizionamento del div centrale. cioè, è cosi, però non è comune. senza rancori. grazie per il vs. aiuto:fonzie:

 

[borgo italia]

ciao
per ora l'unica cosa che ti posso dire è che con IE8 la parte che scende del menu (tendina) viene nascosta (in parte non visibile, per intendersi su home la foglia vine tagliata) e la parte sottostante rimane ferma. con fire 3.5.6 la tendina del menu si vede tutta, ma la parte sottostante (per capirsi quella con foto barche) scende come spinta in giù dalla tendina.
forse un primo approccio sarebbe abbassare la posizione della parte centrale oppure dare alle due parti un diverso z-index

 

[alessandro1997]

Sicuramente abbassando la barra che sta sotto ai menù risolveresti, però è una soluzione molto anti-estetica.

 

[robbicarlos]

grazie ragazzi grazie molto delle risposte.
abbassare il div centrale era proprio quello che volevo evitare perchè da un senso di distacco troppo ampio e il sito guardato a risoluzioni < 1024*768 risulterebbe dispersivo e appunto come dite voi anti-estetico.

per il resto, o non so usare il z-index oppure jquery interferisce in qualche modo con il posizionamento div sopra div che l'effetto z-index dovrebbe dare.

Attendo ulteriori consigli e continuo le prove. Gentilissimi come sempre. Un ciao!:byebye:

 

[borgo italia]

ciao
da qullo che ho visto hai
<div id="highmenu">
<ul>
<li> class="green">
<p><a href="#">home</a></p>
<p class="subtext">the frint page</p>
</li>
eccetera......
</ul>
</div>
potrest provare
1. cercare nei css l'id highmenu e aggiungervi in fondo z-index: 99;
2. creare una nuova classe per l' ul essempio ..sopra{z-index: 99;}
e <ul class="sopra">
3. alle classi green ecc.. aggiungere z-index: 99;
un metodo alla volta

ho scritto 99, ma basta che sia un numero maggiore di 0 o dello z-index dell'id/classe a cui vuoi stare sopra.

p.s.
un altro piccolo particolare di differenza tra IE e fire: su ie il div di menu si vede con gli spogoli netti, su fire con gli spigoli arrotondati

 

[alessandro1997]

Perché per arrotondare gli angoli usi le proprietà -moz, forse?

 

[robbicarlos]

ciao ragazzi. vado al sodo senza indugi.
z-index non ne vuole sapere. ho letto ovviamente i tutorial che dicevano come impostarlo al meglio e ho capito che non è il mio caso, perchè funziona solo in caso di div posizionati uno sopra l'altro e tu decidi quale deve stare sopra e quale sotto. per un rollover che "spunta" dopo questa situazione nn è sostenibile...sto pensando di cambiare menù. se avete qualche altra dritta, consapevole dello stress pre-natalizio che vi sto apportando, sarei ben lieto di riceverla

grazie.

 

[WpStyle]

Usa un effetto diverso ma non è male neanche questo:
http://ilovecolors.com.ar/wp-content/uploads/jquery-slide-menu-revisited/