2012-02-17 7 views
10

Sto avendo menù superfish implementato in this siteFai ul aumentare la larghezza come per il contenuto

Se si posiziona il mouse sopra il menu del prodotto, il giù goccia sarà esattamente la larghezza del menu principale principale, anche quando il contenuto è più grandi. Come faccio a rendere il menu più ampio in base al contenuto in esso. Ora il contenuto semplicemente trabocca.

risposta

17

Aggiungere i seguenti stili per la vostra grid.css oa qualsiasi altro css-file/intestazione dopo grid.css:

.sf-menu ul{ 
    min-width:100%; /* at least the size of the header */ 
    width:auto; /* size the block automatically */ 
} 
.sf-menu ul li{ 
    white-space:nowrap; /* prevent word wrap */ 
} 

Si noti che questo non avrà gli stessi risultati in IE7, tuttavia il vostro sito non è presentato lo stesso in IE7. Funziona in IE8, IE9 e Firefox 10 (dovrebbe funzionare in tutti i browser compatibili con CSS2).

+0

Penso che dovrei aggiungere anche una larghezza massima. – esafwan

+0

@Zeta La sua domanda e risposta ora inutili pure! Non ho trovato grid.css da nessuna parte perché il collegamento non funziona ora :( – KunJ

+0

@KunJ: questa risposta ha più di due anni e quindi non ricordo davvero qualcosa Se ritieni che la domanda sia ancora significativa, ma manchi di fonti esterne per questo, lo dichiari in un commento __nella domanda__, forse l'OP può ripararlo.Se d'altra parte credi che la domanda sia completamente inutile in entrambi i casi e non segua le regole delle domande, vota per chiuderla o segnalarla. – Zeta