Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Menù... stai fermo!

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    5

    Menù... stai fermo!

    Salve a tutti!

    Sto facendo un sito che ha un menù orizzontale abbastanza lungo appena sotto l'header.

    E' una lista, tramite CSS l'ho messa in orizzontale e personalizzata.

    Il problema è che a schermo intero si vede bene, mentre se la finestra è ridimensionata abbastanza stretta, le voci si spostano e si aggruppano una in cima all'altra, creando un effetto molto brutto a vedersi. Il layout della pagina è liquido, senza nessun riferimento a unità di misura e il menù è stato inserito con position:absolute in un div sotto l'header.

    C'è um modo per cui quando si ridimensiona la finestra, le voci del menù (elementi di una lista) se ne stiano ferme dove dovrebbero stare?

    Grazie!

    C.

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Menù... stai fermo!

    ciao
    in passato è capitato anche a me una cosa del genere, facendomi optare per la dimensione fissa del layout.
    Questo è il bello/brutto delle dimensioni relative.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    basta usare min-width sul contenitore del menù
    per far funzionare min-width anche su IE leggetevi questa discussione

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    5
    Io ho trovato questo su un sito:

    * Commented backslash hack hides rule from IE5-Mac \*/
    #nav-menu li a:hover
    {
    float: none
    }
    /* End IE5-Mac hack */
    #nav-menu
    {
    width:100em
    }

    E devo dire che funziona.... Anche se, essendo relativamente nuovo a lavorare coi CSS, non capisco bene perchè funziona...

    Grazie cmq,

    C.

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.