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

    Ho dei problemi con il footer aiutatemi!!!!!!

    Ciao a tutti, anche se è un pò di tempo che ho scoperto HTML.it sono una nuova presenza nel suo forum; e addire il vero è anche la prima volta che partecipo ad un forum, quindi se dovessi commettere qualche errore vi prego di segnalarmelo chiedendo scusa in anticipo. Innanzi tutto ringrazierei tutti coloro che rendono possibile l'esistenza di questo sito soprattutto per la quantita di materiale gratuito a cui si può accedere; non so se questo è il modo giusto di presentarsi ad un forum o, se sia la sede indicata per tali ringraziamenti comunque mi è sembrato doveroso. Ma veniamo al mio problema. Ho letto "Guida layout dei siti con i css", molto interessante. Li ho trovato un frammento di codice che serve per mantenere il footer, o meglo piede, mi piace di più in italiano, sempre in fondo alla pagina; e funziona. Ma con FireFox se si aumentano i contenuti il piede si sovrappone agli stessi costringendomi ad aumentare il padding del div contenuti, se preferite content. Dove è che sbaglio?
    Vi ringrazio per il vostro aiuto.
    Filippo Rigacci

  2. #2
    Utente di HTML.it L'avatar di Gunn
    Registrato dal
    Feb 2006
    Messaggi
    370
    ciao filippo, benvenuto sul forum!

    ti consiglio di postare il codice della tua pagina per facilitarci l'individuazione del problema

    intendo markup e css annessi

    ciao!
    -10 points to SCLERO high top class [definition of SCLERO HIGH TOP CLASS: 90 random kills]

  3. #3
    questo è il codice del css

    html,body { margin: 0; padding: 0; height: 100%; }

    body { background: #FFFFFF url('../Immagini/Sito/Contenuti.gif') no-repeat fixed right top; }

    div#contenitore { position: relative; height: 100%; width: 100%; }

    div#navigazione { float: right; font-family: KookyKaps; color: #FFFFFF; width: 20%; }

    div#paragrafo1 { text-align: center; }

    div#contenuti { width: 76%; text-align: center; padding: 0 0.5 5em; }

    p#paragrafo2 { font-family: KookyKaps; text-align: justify; width: 100%; height: 100%; }

    div#piede { position: absolute; width: 100%; bottom: 0; border: 1px solid #FFFFFF;
    background-image: url('../Immagini/Sito/Sfondo.gif'); clear: rigth; }

    p#paragrafo3 { text-align: center; }

    a:link { text-decoration: none; color: #FFFFFF; font-size: 12pt; font-style: italic;
    font-weight: bold; font-family: KookyKaps; }

    a:visited { text-decoration: none; color: #930000; font-size: 12pt; font-style: italic;
    font-weight: bold; font-family: KookyKaps; }

    a:hover { text-decoration: overline; color: #D40000; font-size: 12pt; font-style: italic;
    font-weight: bold; font-family: KookyKaps; }

    img { border: 5px double #930000; padding-left: 4px; padding-right: 4px;
    padding-top: 1px; padding-bottom: 1px; background-color: #D40000; }

    h1 { font-family: KookyKaps; font-variant: small-caps; font-size: 36pt;
    color: #D40000; text-decoration: underline; text-align: center; }

    body>div#contenitore { height: auto; min-height: 100%; width: 99% }

    div#contenitore>div#contenuti { width: 23em; text-align: center; padding: 0; }

    e la pagina html e struttorata cosi

    <html>
    <head>
    .............
    <head>

    <body>
    <div id="contenitore">
    <div id="navigazione>
    <div id="paragrafo1">
    ............
    </div>
    </div>

    <div id="contenuti">
    <p id="paragrafo2">
    .............
    </p>
    </div>

    <div id="piede">
    <p id="paragrafo3>
    ..............
    </p>
    </div>
    </div>
    </body>
    </html>

    grazie ancora per l'aiuto.
    Filippo Rigacci

  4. #4

  5. #5
    Credo che tu abbia propio ragione. Scusa per la mia distrazione.
    Filippo Rigacci

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