Visualizzazione dei risultati da 1 a 3 su 3

Discussione: layout a tre righe

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25

    layout a tre righe

    vorrei creare un layout a tre righe,
    dove la riga superiore contiene la testata del sito e la barra link
    e deve rimanere fissa
    la riga inferiore è il footer e deve rimanere fissa
    mentre la riga centrale deve contenere la parte principale del sito
    e far scorrere il contenuto in eccesso.
    naturalmente con visualizzazioni diverse

    spero di essere stato chiaro

    ciao

  2. #2
    Ciao...provo a buttarla li dato che da poco mi cimento con i css..
    dunque...per quanto riguarda l'html prova a configurarlo così:

    <html>
    <boby>
    <div id="container">
    <div id="testata"></div>
    <div id="navigazione"></div>
    <div id="contenuti"></div>
    <div id="footer"></div>
    </div>
    </body>
    </html>

    in questo caso ho fatto 4 campi
    uno per la testata, uno per il menu, uno per i contenuti ed uno per il footer
    in più un container che li racchiude tutti e quattro.

    per i css

    html,body{margin:0;padding:0}
    body{font-family:"verdana"; font size: 76%; text-align: center}
    #container{width:auto; height: auto; padding:0; margin:0}
    #testata{width:800px; height:150px; padding:0;margin:0}// è un rettangolo di 800x150 px
    #navigazione{width:800px; height:30pxadding:0;margin:0}// è un rettangolo di 800x30 px
    #contenuti{width:800px; height:autoadding:0;margin:0}
    #footer{width:800px; height:30pxadding:0;margin:0}

    spero di avere azzeccato la formatttazione...fammi sapere...ciauz
    non esistono che molteplici parvenze e contraddittorie sembianze della stessa apparenza

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25

    no funzia

    un buon sistema,
    peccato che non funziona,
    o meglio funziona solo se
    nel livello "contenitore"
    stabilisco io un heigth fisso ossia con pixel esatti.
    quello che a me servirebbe è un contenitore
    con un'altezza che si adatti alla finestra del browser
    mantenendo la testata ferma in alto e il piede in basso

    ciauz

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.