Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Inserire altezza div variabile nell'head di una pagina

    Salve a tutti!
    Nel sito che sto creando è presente un div contente il menù di navigazione con position:fixed; in modo da poter avere il menù sempre a portata di mano anche nelle pagine con molto contenuto.
    Il problema che si è presentato è che gli utenti con uno schermo o una finestra del browser più "corta" del menù in questo modo non riuscirebbero a vedere tutto il menù.
    Per questo ho incluso un css apposito per queste risoluzioni (<link rel="stylesheet" media="only screen and (max-height: 595px)" href="basso.css" />).
    Ora, questa soluzione funziona, ma il problema è che il menù non è sempre della stessa altezza (nuovi link, link per amministrazione visibili solo agli autorizzati, ecc.).
    Per questo motivo dovrei inserire come valore di max-height nell'inclusione del documento .css l'altezza del menù.
    È possibile fare ciò con javascript o visto che il valore sarebbe da sovrascrivere nel codice non va bene?
    Se non si può fare con javascript sapete indicarmi, più o meno, un modo per risolvere questo problema?
    Grazie in anticipo a chiunque voglia rispondere!

    Andrea
    Andrea

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    sembra ti convenga piuttosto verificare l' altezza del body e, nel caso sia inferiore all' altezza del menu', settare l' altezza del body ed il menu in position absolute

    il tutto da riverificare anche al resize

  3. #3
    Il problema è che anche se la pagina è più lunga del menù, se l'utente ha uno schermo più basso del menù ne vedrà solo una porzione...
    Andrea

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    in qesto caso, avendo posizionato il menu' in maniera assoluta e non fixed, almeno puo' scrollare la pagina e vederlo tutto

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.