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

    Problema Altezza Colonne

    Ciao a tutti,
    sto facendo un sito con layout a tre colonne, guardate qua:
    http://www.phyrosia.com/cose/ScreenHWSurfer.jpg

    Se notate le due colonne laterali azzurre non toccano il footer.
    E' possibile con i CSS fare in modo che le due colonne abbiano altezza minima uguale alla distanza che va dalla fine dell'header all'inizio del footer e che siano SEMPRE alte uguali?
    Ovviamente se poi una delle due colonne contiene più testo si allungherà però mi servirebbe che anche l'altra si allunghi nello stesso modo (anche se non contiene tanto testo quanto l'altra colonna)

    Se avete bisogno del codice html che ho usato vi linko il template che ho utilizzato:
    http://blog.html.it/layoutgala/LayoutGala14.html

    Spero di essermi spiegato e
    vi ringrazio in anticipo.
    Flash Developer for Rich Media
    PHP, jQuery Developer

  2. #2
    Ciao, certo che puoi... basta impostare l'altezza che desideri nel css.

    Vedi quest'esempio :

    div#navigation{background:#B9CAFF;height:600px;}
    div#navigation{float:left;width:200px;margin-left:-200px;}
    div#extra{background:#FF8539; height:600px;}

    La grandezza delle colonne è 600px;
    Tutorial Photoshop
    Webmaster o Web Designer ? Vieni su Online Tutorial
    Tutorial Wordpress

  3. #3
    ah scusate,
    ho dato per scontato che questa proprietà dovesse essere calcolata in base alle proporzioni della finestra, quindi anche a seconda delle varie risoluzioni ^^
    quindi la soluzione che mi dici tu WGD, non va bene.
    Grazie lo stesso =)
    Flash Developer for Rich Media
    PHP, jQuery Developer

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188

    Re: Problema Altezza Colonne

    Originariamente inviato da Miroku
    Ciao a tutti,
    sto facendo un sito con layout a tre colonne, guardate qua:
    http://www.phyrosia.com/cose/ScreenHWSurfer.jpg

    Se notate le due colonne laterali azzurre non toccano il footer.
    E' possibile con i CSS fare in modo che le due colonne abbiano altezza minima uguale alla distanza che va dalla fine dell'header all'inizio del footer e che siano SEMPRE alte uguali?
    Ovviamente se poi una delle due colonne contiene più testo si allungherà però mi servirebbe che anche l'altra si allunghi nello stesso modo (anche se non contiene tanto testo quanto l'altra colonna)

    Se avete bisogno del codice html che ho usato vi linko il template che ho utilizzato:
    http://blog.html.it/layoutgala/LayoutGala14.html

    Spero di essermi spiegato e
    vi ringrazio in anticipo.
    Quello che cerchi si chiama FALSE COLONNE (FAUX COLUMNS).
    Se fai una ricerca nel forum, o guardi tra i "link utili" trovi le spiegazioni complete
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Grazie mille, dò subito un'occhiata =)
    Flash Developer for Rich Media
    PHP, jQuery Developer

  6. #6
    ciao a tutti,
    ho letto questo articolo:
    http://www.alistapart.com/articles/fauxcolumns/

    e ho usato il "trucco" dello sfondo della colonna.
    Noto che sicuramente in questo modo la colonna avrà la stessa altezza del div di contenuto,
    però a me servirebbe che la colonna raggiungesse il bottom:0 della pagina nel caso il content sia più corto
    mentre se il content è più lungo ovviamente va bene che la lunghezza della colonna sia uguale a qll del content.

    spero di essermi spiegato ^^
    e che qualcuno riesca ad aiutarmi =)

    grazie in anticipo
    Flash Developer for Rich Media
    PHP, jQuery Developer

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.