[jquery] menu verticali e div sottostanti

[donpelajo]

Buonasera, ho un problema tecnico che riguarda i menu verticali.

Ne ho implementato uno in jquery tramite slideUp & slideDown su hover, ma quando vado a visualizzare la struttura sottostante si muove verso il basso. Come si fa a fissare nella sua posizione? Esempio nel sito nasa.gov questo non accade e il menu che si viene a creare al passaggio va a "sovrascrivere" la pagina. Come faccio a fare la stessa cosa?

Premetto che a livello strutturale il menu si trova all'interno di un div contenitore generico, che poi è quello che si muove e che non dovrebbe.

Grazie

[br1]

Non posti una riga di codice... anche sa e naso sembrerebbe un problema di CSS (come hai fissato la posizione del menu'?)

[donpelajo]

Hai ragione, ti posto il codice

Pagina principale

<div id="mainBox">

<div id="navBar">

<ul class="navList">
<li id="p1" class="menu">STORIA
<li id="p2" class="menu">FESTE ED EVENTI
<li id="p3" class="menu">I MIEI INGREDIENTI
<li id="p4" class="menu">CONTATTI
<li id="p5" class="menu">[img]#[/img]
<li id="p6" class="menu">[img]#[/img]

<ul id="s2" class="links">[*]VOCE NUMERO 1[*]VOCE NUMERO 2[*]VOCE NUMERO 3[/list][/list]

</div>

<div class="clearBoth"></div>

</div>

Menu.js

$("#p2").hover(
function() {
$("#s2").slideDown();
}
);
$("#p3").hover(
function() {
$("#s2").slideUp();
}
);

[...]

Css

.navBar
{
float:left;
border:5px solid black;
}

.navList
{
margin-left:10px;
}

.navList a
{
position:relative;
top:-90px;
bottom:-90px;
color:#FFCC00;
font-weight:700;
}

.menu
{
display:inline;
margin-top:-50px;
margin-bottom:-50px;
font-weight:400;
font-size:16px;
padding:12px;
font-family:Courier;
}

.links
{
margin-left:120px;
font-size:14px;
list-style:none;
}

[donpelajo]

Bella! position:fixed

[br1]

Originariamente inviato da donpelajo
Bella! position:fixed

Vabbe' qui sei OT, chiudo