Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Problema con footer

  1. #1

    Problema con footer

    Salve,
    vorrei "spingere" giù il footer in modo da adattarlo all'indice di destra.

  2. #2
    Ho dimenticato l'URL,
    www.francescotarsia.altervista.org

    Codice CSS:
    div#testata {
    color: #ffffff;
    background-color: #336600;
    padding: 5px;
    border-bottom: 2px solid #000000;
    }

    div#navigazione {
    color: #000000;
    background-color: #9c6;
    padding: 5px;
    border-bottom: 1px solid #000000;
    }

    div#navigazione a {
    color: #000;
    font-weight: bold;
    }

    div#contenuto {
    padding: 5px;
    margin-right: 165px;
    border-right: 1px dotted #360;
    }

    div#indice {
    color: #000;
    background-color: #e6e6e6;
    float: right;
    width: 150px;
    padding: 0px;
    padding-bottom: 3px;
    border: 1px #336600 solid;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 50px;
    }

    div#footer {
    color: #666666;
    background-color: transparent;
    padding: 5px;
    border-top: 1px #333333 dashed;
    }

    Codice HTML:

    <div id="navigazione">
    Home Page |
    I miei lavori |
    Contattami
    </div>



    <style type="text/css">
    #principale
    {
    float: right;
    margin-top: 20px;
    margin-bottom: 50px;
    }
    div.tuo_indice {
    color: #000;
    background-color: #e6e6e6;

    width: 150px;
    padding: 0px;
    padding-bottom: 3px;
    border: 1px #336600 solid;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 5px;

    }
    .indice
    {
    .....
    }
    </style>
    </head>
    <div id="principale">
    <div class="tuo_indice">
    <h2 class="indice">Categorie</h2>
    Web Dinamico

    Lezioni ASP

    Logica Fuzzy

    Matematica

    </div>
    <p class="imAlign_left"><span class="ff4 fc2 fs5 ">
    <div class="tuo_indice">
    <h2 class="indice">Notizie dal Web</h2>
    News

    </div>


  3. #3
    Originariamente inviato da ftarsia

    div#footer {
    color: #666666;
    background-color: transparent;
    padding: 5px;
    border-top: 1px #333333 dashed;
    clear: both;
    }

  4. #4
    Funziona.
    Grazie.

  5. #5
    Utente di HTML.it L'avatar di tapu
    Registrato dal
    May 2008
    Messaggi
    885
    ciao , scusate l'intromissione , ma stavo cercando una cosa simile visto che nel sito ho il footer alto quando ho pochi elementi...
    il roblema e che non so come settare il resto del foglio...

    devo settare una altezza minima al contenitore o a qualcosa d'altro?

    scusate se mi sono spiegato male... Grazie!

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    5
    Scusate, io vorrei un footer tipo quello di Current Tv (http://current.com) - qualche consiglio?
    eeeeeeh

  7. #7
    Originariamente inviato da tapu
    ciao , scusate l'intromissione , ma stavo cercando una cosa simile visto che nel sito ho il footer alto quando ho pochi elementi...
    il roblema e che non so come settare il resto del foglio...

    devo settare una altezza minima al contenitore o a qualcosa d'altro?

    scusate se mi sono spiegato male... Grazie!
    hai cercato sul forum ?

  8. #8
    Originariamente inviato da Tinazzi
    Scusate, io vorrei un footer tipo quello di Current Tv (http://current.com) - qualche consiglio?
    la pagina ha 2 footer, a quale ti riferisci ?

    i due elementi hanno una struttura molto semplice...
    suggerisco copia-incolla del codice e del relativo css

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.