Posizionamento menu a tendina

[Many17]

Ciao a tutti, dopo 1000 prove sono riuscita a creare un menu a tendina esattamente come lo volevo.
E' un JS però la posizione del menu e dei sottomenu è regolata con i css.
Il problema è che ad una risoluzione diversa dalla mia i sottomenù non si aprono esattamente nella posizione originale, ma si spostano.
Questo perchè i sottomenù sono posizionati in modo assoluto.
Ho fatto tante prove sia nella pagina xhtml, sia nei css ma senza soluzione.
Se avete voglia, ecco la parte di codice xhtml:
<div id="menu">
::: PROFILO :::
::: CREATIVITA' :::
::: TECNOLOGIA :::
::: PREVENTIVI :::
::: CONTATTI :::
</div>

<div id="sottomenu1"></div>

<div id="sottomenu2">
</div>

<div id="sottomenu3" onmouseout="Chiudi()" onmouseover="Apri(3)">
stampa offset

stampa digitale

</div>

<div id="sottomenu4">
</div>

<div id="sottomenu5" onmouseout="Chiudi()" onmouseover="Apri(5)">
informazioni

mappa

</div>

Il css:
#menu {
text-align : left;
margin-left : auto;
margin-right : auto;
background-color : #900;
border-right : 1px solid black;
border-left : 1px solid black;
width : 900px !important;
width : 902px;
height : 25px !important;
height : 26px;
padding : 0;
}
.principale {
font : 11px verdana, helvetica, sans-serif;
color : #fff;
text-decoration : none;
padding-top : 0;
padding-left : 25px;
}
#sottomenu1 {
position: absolute;
visibility: hidden;
}
#sottomenu2 {
position: absolute;
visibility: hidden;
}
#sottomenu3 {
position: absolute;
left: 348px;
width: 94px;
height: 30px;
visibility: hidden;
font:10px verdana,helvetica,sans-serif;
background-color: #ff9;
z-index: 2;
border-top:0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: left;
padding-top: 3px;
padding-left: 7px;
}
#sottomenu3 a:link, #sottomenu3 a:visited, #sottomenu3 a:hover {
text-decoration: none;
}
#sottomenu4 {
position: absolute;
visibility: hidden;
}
#sottomenu5 {
position: absolute;
left: 627px;
width: 77px;
height: 30px;
visibility: hidden;
font:10px verdana,helvetica,sans-serif;
background-color: #ff9;
z-index: 2;
border-top:0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: left;
padding-top: 3px;
padding-left: 7px;
}
#sottomenu5 a:link, #sottomenu5 a:visited, #sottomenu5 a:hover {
text-decoration: none;
}

Grazie
Manila

[Many17]

[Many17]

Giorno a tutti, ho provato di nuovo a risolvere il problema del posizionamento assoluto, ho provato con relative, ho cambiato alcuni div, ne ho aggiunti e annidati altri (ovviamente seguendo una logica, non a caso)... alla fine ritornavo sempre alla partenza e il benedetto menu continua a spostarsi in base alla risoluzione del monitor.
Possibile che non esista rimedio?
Ciao
Manila

[Many17]

Beh, è bello parlare con se stessi!
Dai ragazzi un consiglio!

[panta]

fai una bella cosa...

posta prima il link alla pagina così almeno uno si fa un idea al volo

cya

[Many17]

Grazie Panta per l'attenzione, ed ecco il link:
www.scalettasrl.com
C'è solo la home cmq per vedere il comportamento del menù va bene

Grazie
Manila

[panta]

ti svelerò un segreto segretissimo

invece di stare a dare la posizione in pixel assoluta (relativamente al body) ad ogni sottomenù, con l'ovvio problema che poi la pagina è allineata al centro, mentre i sottomenù seguono l'allineamento a sinistra del foglio

se tu nidifichi il div contenente il sottomenù dentro a quello del genitore nell'html... nel css poi metti position:absolute e al massimo la posizione verticale e nient'altro e ogni menù automaticamente prende la posizione sulle x del genitore

ciao Manila (che bel nome )

ciaoooooooo

[Many17]

Ciao Panta, grazie per l'aiuto... però penso di non aver capito (non pensare male non sono poi così tonta :quipy: )

In pratica dovrei inserire (quindi nidificare) i div dei sottomenu dentro al div del genitore nell'html... oddio che caos.
E il div menu dove lo metto?
He he he ora ne approfitto, hai visto il codice che ho postato all'inizio? Li ci sono tutti i div che vuoi, non puoi indicarmi meglio ciò che intendi? (dai un aiutino, come quelli in tv)

Grazie per il complimento e per l'aiuto Panta!

Manila

[panta]

allora facciamo così:

situazione a mio avviso ideale (soprattutto per ragioni semantiche)

una bella lista puntata, con magari all'interno una lista numerata per i sottomenu

<ul>[*]Primo menu

1. Sottomenu 1.1
2. Sottomenu 1.2
3. Sottomenu 1.3

[*]Secondo menu

1. Sottomenu 2.1
2. Sottomenu 2.2
3. Sottomenu 2.3

[/list]

noti? la lista numerata (che sarebbe il sottomenu... [list=1]) è all'interno di un punto di quella puntata... e quindi è nidificata

al massimo se preferisci usare solo i div dovresti fare un div per ogni voce di menu e all'interno mettere due cose: il link <a> con la tua voce di menu e (sempre all'interno, prima di chiudere il div principale, un altro div con il sottomenù)

<div id="menu1">
primo
<div id="sub1">sub 1.1 sub 1.2</div>
</div>

ciaooooo

[Many17]

Ciao Panta!
Avevo intuito che ne sapevi a pacchi!
Solo che preferivo modificare lo script che già ho (formato da xhtml - css e JS).
Anche perchè fondamentalmente il mio funziona, devo solo capire come sistemare i sottomenu in modo tale che non si spostino a risoluzioni diverse.
Era per quello che ti chiedevo come potevo fare per nidificare i div del mio script.
:master:

Ciao!
Manila