Mega menu

[lemonsong]

http://www.egimotors.it/aatest/

Perdonate l'intrusione e la grossa cavolata che scriverò...  ho provato solo con FF (Firebug).

Se questo frammento di codice viene modificato così?

Codice:

Only registered users can see contents. Please click here to Register or Login.
La modifica e aggiunta:

left: 50%;
margin-left: -560px;

Si centra a varie risoluzioni e con i vari browser?
Mah... portate pazienza, il mio cervello va in loop 

[lemonsong]

Si centra a varie risoluzioni e con i vari browser?

OK, mi rispondo da solo 
Ho visto che con risoluzione inferiore a 1120px, ovviamente non funge.
Superiore a 1120px dovrebbe essere OK.

Domanda: se non ricordo male con la 8 si riusciva in qualche modo ad "uscire" dall'header con codice HTML, con la 9 non si può?

P.S.
@marcoboni
Qui (attualmente), se stai facendo delle prove,  ti sei dimenticato l'unità di misura (%):
http://www.egimotors.it/

<!--codice inserito da marco-->
<div style=" z-index:1000; position: absolute; top: 105px;  width:1100px; height: 35px; left: 50; margin-left:-560px;">

[marcoboni]

  Grazie, Lemon per tutto, ho optato per la soluzione di Stesil e sembra funzionare.
Ho messo in head

Codice:

Only registered users can see contents. Please click here to Register or Login.nel div

Codice:

Only registered users can see contents. Please click here to Register or Login.Ho fatto varie prove e sembra tutto ok, il problema più grossi li avevo con il Safari+MAc del mio collega ma adesso lo vede bene anche lui.
Grazie, Stesil e Lemon
 
 

[stesil]

@Lemon
La tua è una bella idea ... non ci avevo mai pensato! Ho posizionato anche elementi più piccoli sempre via js ... invece in questi casi il tuo css è un'ottima soluzione!

Domanda: se non ricordo male con la 8 si riusciva in qualche modo ad "uscire" dall'header con codice HTML, con la 9 non si può?

Il problema del codice html inserito in header nella 9 è che viene avvolto da un div con overflow: hidden ... e per toglierlo occorre agire ancora via js o con un post-edit.

[lemonsong]

[...] non ci avevo mai pensato!

Non ci credo 

Il problema del codice html inserito in header nella 9 è che viene avvolto da un div con overflow: hidden ... e per toglierlo occorre agire ancora via js o con un post-edit.

Anche nella 8 è così (div con overflow: hidden), sicuramente ricordavo male, grazie.

@marcoboni
Prego, ha fatto tutto Silvana 

[StratoS]

Anche nella 8 è così (div con overflow: hidden), sicuramente ricordavo male, grazie.

Non ricordi male.
Uno dei primi Topic che ho aperto nel "coso" era proprio in fulzione al posizionamento degli oggetti oltre il top che con la 8, ricordo benissimo,si poteva fare ora, non so per quale strano motivo, dopo essere passato alla 9, anche con la 8 non ci si riesce più...
Non sarà sicuramente così, ma non è che con l'installazione della 9 si va a modificare anche qualcosa della 8
Sicuramente ho detto una castroneria, ma io ricordo benissimo, perchè ho ancora siti che girano con oggetti fuori il top ed addirittura a fianco i pulsanti del menù, cosa che ora non si può più fare, se non con il sistema da te indicato.
Ciao.
Augusto.

[marcoboni]

  ..problemino... con IE 7 il mouse over del menu non funziona  ....

[stesil]

Non so se funzionerà e non ho ancora capito come IE7 calcola le relazioni tra gli elementi con position absolute ... ma prova questa modifica ...

<div id="miomenu" style="position:absolute; z-index:10000; top:105px; height:35px; left:0;">

poi nel file menu.css, #menu:

margin: 30px 0px 0px;

[lemonsong]

Sì, aumentando z-index dovrebbe fungere e credo che sia dovuto dal CSS di questo commento condizionale:

Codice:

Only registered users can see contents. Please click here to Register or Login.
http://www.egimotors.it/style/ie.css

#imPage{z-index:9000;}

Sicuramente fungerà anche la modifica a margin, comunque se dichiariamo la larghezza nel CSS in linea dovrebbe fungere ugualmente:

<div id="miomenu" style="position:absolute; z-index:10000; width: 1120px; top:105px; height:35px; left:0;">

Scusami stesil se ho aggiunto 'sto post superfluo 

[stesil]

Scusami stesil se ho aggiunto 'sto post superfluo 
 

... superfluo? Non credo proprio!

Hai ragione tu ... IE7 è strano, è vero, ma io il css nel commento condizionale non l'avevo visto!

[marcoboni]

Dunque ho modificcato cosi

Codice:

Only registered users can see contents. Please click here to Register or Login.e provato in locale ma mi crea problemi con il menu prencipale di evo ( immagine allegata)
.......mi viene voglia di....... ma saranno in tanti ad usare IE dalla 8 in giù?

[milux]

.......mi viene voglia di....... ma saranno in tanti ad usare IE dalla 8 in giù?

http://www.w3schools.com/browsers/browsers_explorer.asp

[stesil]

Dunque ho modificcato cosi

Codice:

Only registered users can see contents. Please click here to Register or Login.e provato in e provato in locale ma mi crea problemi con il menu prencipale di evo

Sì, il valore di z-index che ho scritto è ... esagerato!
 
 9001 dovrebbe bastare e non creare interferenze con il menu di Evo.

[marcoboni]

Dunque ho modificcato cosi

Codice:

Only registered users can see contents. Please click here to Register or Login.e provato in e provato in locale ma mi crea problemi con il menu prencipale di evo

Sì, il valore di z-index che ho scritto è ... esagerato!
 
 9001 dovrebbe bastare e non creare interferenze con il menu di Evo.

Ho modificato mettendo 9005 ...... e non "cozza" più con evo....  me sembra che il problema con IE7 rimanga

ps: lemon e stesil,,,,, grazie!!

[lemonsong]

Eh sì, purtroppo ieri non ho verificato il menu a comparsa (se ti riferisci a quello).
Non ho la 9 per fare delle prove "sul campo", ma sono sicuro che stesil riuscirà anche questa volta a darti una mano 
Forse è più "semplice" inserire il mega menu nell'header con un po' di JS?

Se nelle tue statistiche del sito vedi che le visite con IE7 sono "relativamente poche" puoi reindirizzare i visitatori ad una pagina dove consigli di aggiornarsi.

Mi spiace non poter fare di più.