Visualizzazione dei risultati da 1 a 7 su 7

Discussione: DIV di altezza 100%

  1. #1

    DIV di altezza 100%

    Torno ancora una volta su un argomento che so essere stato trattato molte volte: quello di creare dei DIV di altezza 100%.
    In pratica ho un sito con un layout così:
    - barra orizzontale di header
    - barra verticale sinistra di navigazione
    - barra verticale destra del contenuto

    Vorrei che l'altezza della barra di navigazione fosse uguale a quella del contenuto.

    Ho provato con un foglio di stile che avevo fatto tempo fa e che mi ricordavo funzionasse (lo avevo tratto da qualche articolo di un qualche sito, doveva funzionare anche con IE 5.5) ma che però ora non mi funziona. Si tratta di
    codice:
    html, body {height:100%}
    #navigation {float:left; min-height:100%; height:100%; voice-family: "\"}\""; voice-family: inherit; height: auto}
    html>body #navigation {height: auto}
    Mi sapete dire cos'ha che non va questo foglio di stile?
    Grazie mille

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Mi par di verdere una chiusagraffa di troppo.

    Non conosco i tag per gli aural, per cui non capisco l'uso di quella graffa (quella tra virgolette) ma mi pare che non usi correttamente le backslash.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Cioè tu come lo scriveresti?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ripeto: non so che valori puo` avere il voice-family. Tra l'altro mi par di vedere delle costruzioni che sembrano degli hack. In tal caso occorre essere sicuri della sintassi dell'hack.

    Sicuramente non puo` esserci una } dentro il suo valore.

    Provo a riscriverlo:
    codice:
    html, body {
      height:100%;
    }
    #navigation {
      float:left; 
      min-height:100%;
      height:100%;
      voice-family: inherit;
      height: auto;
    }
    html>body #navigation {
      height: auto;
    }
    Nota che la voce html>body #navigation e` gia` compresa nel #navigation scritto sopra, per cui potrebbe non servire (se non fa parte dell'hack cui accennavo prima)

    Comunque Per costruire degli hack, le ultime indicazioni invitano ad usare commenti condizinali, anziche` hack nel codice. Questo per evitare comportamenti assurdi quando uscira` IE7 (pochi mesi, ormai):
    codice:
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
    <![endif]-->
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Si tratta proprio di un hack che doveva servire per IE 5.5 (o almeno così mi sembra...)
    Comunque mi sai dire una soluzione alternativa per il mio problema?

    Grazie

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ma scusa, cosa e` l'ultima frase del mio post precedente?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Intendi la dichiarazione di foglio di stile per IE o il link alle FAQ di HTML.it?

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 © 2024 vBulletin Solutions, Inc. All rights reserved.