Visualizzazione dei risultati da 1 a 1 su 1
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    46

    problema ccs menu a tendina sopra flash

    Ciao a tutti ragazzi, ho un problema con un menu a tendina realizzato interamente in css, (realizzato grazie ad un tutorial trovato su questo forum...geniale!) che quindi non utilizza alcun codice javascript.

    Il problema si pone solo su fire fox (su IE non ho ancora testato, di sicuro mi darà altre noie) ed è il seguente:
    Ho un menu a tendina che si sovrappone a un banner in Flash posizionato dentro un div,
    a differenza dei post che ho trovato sul forum, il mio menu viene visualizzato correttamente sopra di esso, ma il problema è che nell'area di sovrapposizione dei due elementi il menu a tendina appare sfalsato verso destra di alcuni pixels. In altre parole il menu appare con la formattazione corretta fino a quando non si sovrappone con il div che contiene il flash.(ho allegato uno screenshot del problema)

    Ho provato a:
    - settare uno "z-index:0" al div del flash
    - settare un0 "z-index:1" o maggiore al menu a tendina
    - settare "position:relative" al flash (naturalmente il menu a tendina ha già settato "position:absolute" se non si sovrapporrebbe allo stesso)

    ma zero risultati.
    Quale potrebbe essere la causa??? è la prima volta che mi capita di dover sovrapporre un menu a tendina su di un flash e non riesco a trovare nel forum qualcuno che avuto il mio stesso problema.


    vi posto il codice css:
    .m1 ul li ul{
    list-style-type: none;
    display:none;
    }
    .m1 ul li ul li{
    float:left;
    margin:0;
    padding:0;
    }
    .m1 ul li ul li a{
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.875em;
    text-align:left;
    color:#586567;
    display:block;
    width:151px;
    height:28px;
    margin:0;
    padding:9px 0 0 0;
    border-bottom:1px solid #dff0f3;
    background:none;
    }
    .m1 ul li ul li.last a{
    border-bottom:none;
    }
    .m1 ul li ul li a:hover{
    background:url("../img/submenu_hov.png") repeat-x left top;
    }
    .m1 ul li:hover ul{
    display: block;
    position: absolute;
    z-index:1;
    width:152px;
    padding: 0;
    margin: 40px 0 0 0px;
    border-right:1px solid #105878;
    border-bottom:1px solid #105878;
    background: white;
    }
    /*>>>GRUPPO BANNER<<<*/
    /*CONTENITORE COMPLESSIVO + CONTENITORE PER CENTRATURA*/
    #cont_banner{
    width:100%;
    float:left;
    /*border:1px solid red;*/

    }
    #banner{
    width:1060px;
    margin:0 auto;
    height:519px;
    background:url("../img/bg_banner.png") repeat-x left top;
    }
    #flash_banner{
    text-align:center;
    height:500px;
    /*border:1px solid blue;*/
    }
    Immagini allegate Immagini allegate

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.