Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Layout in xhtml e css

  1. #1
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557

    Layout in xhtml e css

    Mi chiedevo se era possibile fare un layout come questi:
    http://www.bandabardo.it
    http://www.ableton.com/index.php?main=artists
    usando solo i css, senza tabelle o frame.
    In pratica vorrei che il corpo centrale fosse un livello con altezza variabile in base alla risoluzione dello schermo e con "overflow: auto", mentre header e footer con altezza fissa.
    Con le altezze in percentuale credo di esserci riuscito in questo modo:
    html {
    height: 100%;
    margin: 0;
    }

    body {
    height: 100%;
    margin: 0;
    }

    #box {
    width: 750px;
    height: 100%;
    background-color: #000000;
    }

    #header {
    height: 15%;
    background-color: #ff0000;
    }

    #corpo {
    height: 70%;
    overflow: auto;
    background-color: #cccc00;
    }

    #footer {
    height: 15%;
    background-color: #ffff00;
    }
    Ma se imposto altezze fisse per header e footer non ne vengo a capo.
    Qualche soluzione?
    Grazie

  2. #2
    Certo che si può fare, io l'ho fatto e tra pochi giorni tutti vedranno ...
    cmq
    http://www.constile.org
    oppure leggi il codice di quei siti e CAPISCILO (copialo, non è un reato, copiare i contenuti SI')
    ...

  3. #3
    Certo che si può fare, io l'ho fatto e tra pochi giorni tutti vedranno ...
    cmq
    http://www.constile.org
    oppure leggi il codice di quei siti e CAPISCILO (copialo, non è un reato, copiare i contenuti SI')
    ...

  4. #4
    Certo che si può fare, io l'ho fatto e tra pochi giorni tutti vedranno ...
    cmq
    http://www.constile.org
    oppure leggi il codice di quei siti e CAPISCILO (copialo, non è un reato, copiare i contenuti SI')
    ...

  5. #5
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    oppure leggi il codice di quei siti e CAPISCILO (copialo, non è un reato, copiare i contenuti SI')
    Quei siti sono fatti con i frame ed io volevo evitare di usarli.
    Su http://www.constile.org tempo fa vi era un esempio ma adesso non c'è più.
    Ciao.

  6. #6

  7. #7
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    I siti che ho postato all'inizio non c'entrano con il layout sempice a tre colonne, Constile l'ho spulciato in lungo e in largo, e non c'è traccia di quello che vorrei fare io.
    Questo è quello che intendo, ma da quello che ho potuto vedere funziona solo con Ie 6.0 mandandolo in quirk mode.
    Anzi, già che ci sono chi mi testa la pagina con browser diversi da Ie 6.0?
    Grazie, ciao

  8. #8
    Originariamente inviato da pacovox
    Anzi, già che ci sono chi mi testa la pagina con browser diversi da Ie 6.0?
    Grazie, ciao
    Con mozilla 1.4: il corpo è lungo oltre il footer, header e footer non sono centrati.
    Con konqueror 3.1.2: il corpo non è lungo abbastanza fino al footer e come prima header e footer non sono centrati.

    In sintesi hai sbagliato qualcosa nel codice, il codice giusto si vede male con ie e bene con gli altri

  9. #9
    IMHO non è buona cosa impostare a priori l'altezza ne tantomeno impostare una larghezza fissa in pixel. Come ti han già detto constile è una miniera d'oro se vuoi programmare siti in xhtml + css. Dal momento che difficilmente troverai il layour perfetto per le tue esigenze già fatto prendine uno da lì e poi modifica, modifica e ancora modifica e testa ogni piccolo cambiamento con un browser decente (mozilla).

  10. #10
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    x come hai impostato il layout io lo vedo bene con Firebird 0.6 IE 6 opera mi da un margine tra header e corpo e footer e corpo
    ti converrebe pe il problema con moz 1.4 impostare l'overflow: scroll;

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.