Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13

Discussione: Problema con il footer

  1. #1

    Problema con il footer

    Salve giovani.. C'ho un problema col mio footer.. Io lo voglio posizionare in fondo pagina, là bello fermo..

    Ho gia letto le varie guide.. ma nn arrivo ad una conclusione...

    Posto un pò di codice (l'essenziale)

    Alur, HTML:
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <
    title></title>
    <
    link rel="stylesheet" style="text/css" media="all" href="stile.css"/>
    </
    head>

    <
    body>
    <
    div id="corpo">
    <
    div id="globale">

    <
    div id="spazioalto">
    </
    div>

    <
    div id="xlog">
    </
    div>

    <
    div id="contienesx">
    <
    div class="menu2">
    </
    div>

    <
    div id="login">
    </
    div>
    </
    div>

    <
    div id="contenuto">
    </
    div>

    <
    div id="pie">
    </
    div>


    </
    div>
    </
    div>
    </
    body>
    </
    html
    Ho lasciato solo i <div> principali per praticità
    Ora sul foglio di stile (leggendo guide quà e là) devo mettere position: relative; sul body e sui <div> principali(div#corpo - div#globale) e poi dare al footer un position: absolute;

    Ecco nn mi funziona.. credo sia xke nn ho messo le giuste impostazioni del position..

    Se qualcuno ha qualche idea

    CSS
    Codice PHP:
    body {
        
    margin0;
        
    background#88afff;
        
    font-size68%;
        
    font-familyarialsans-serifverdana;
        
    text-aligncenter;
        
    height100%;
    }

    div#corpo {
        
    height100%;
        
    width950px;
        
    background-color#ffffff;
        
    border-top0;
        
    border-bottom0;
        
    border-left2px;
        
    border-right2px;
        
    border-stylesolid;
        
    border-color#000000;
    }    

    div#globale {
        
    height100%;
        
    width800px;
        
    margin0;
        
    background-color#ffffff;
    }

    div#pie {
        
    clearboth;
        
    background-color#336eca;
        
    text-alignleft;
        
    bottom0;

    Anche qui ho risparmiato.. ma se vi serve altro ve lo posto..

    RINGRAZIO IN ANTICIPO
    Questa volta, più che un voto.. è favoreggiamento.

  2. #2
    PLIIIIIIIISSSSSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!!!

    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Scusa, ma le position non ci sono da nessuna parte
    Che impostazioni hai usato?

    "Chi non è in grado di riconoscere la piccolezza delle grandi cose che ha in sè, tende a trascurare la grandezza delle piccole cose negli altri."

  4. #4
    Eh xke ho fatto delle prove e non mii funziona..

    Se qualcuno ha idea di dove le devo mettere??????

    Li nun ci sono.. C'è solo il bottom: 0; nel div#pie
    Questa volta, più che un voto.. è favoreggiamento.

  5. #5
    Se non metti position:absolute; non funziona nemmeno bottom: 0;

    codice:
    div#pie { 
        clear: both; 
        background-color: #336eca; 
        text-align: left; 
        position: absolute; 
        bottom: 0; 
    }

    "Chi non è in grado di riconoscere la piccolezza delle grandi cose che ha in sè, tende a trascurare la grandezza delle piccole cose negli altri."

  6. #6
    Si......... ma questo comporta ke metta position: relative; o nel body o nel <div> piu grande ke ho.. il problem è ke io ho 2 <div> globali e il body... dove la metto questa position????


    Posso fare a meno di metterla???
    Questa volta, più che un voto.. è favoreggiamento.

  7. #7
    Devi metterlo nei div, non nel body!


    "Chi non è in grado di riconoscere la piccolezza delle grandi cose che ha in sè, tende a trascurare la grandezza delle piccole cose negli altri."

  8. #8
    e cosa pensi ke nn abbia già provato..

    Le ho provate quasi tutte le possibilità ma nun me funzia..

    Questa volta, più che un voto.. è favoreggiamento.

  9. #9
    Ehm... Io ho semplicemente copiato il tuo codice html su un Notepad, aggiunto il tuo css, aggiunto la riga del position:absolute, aperto con IE e la pagina funziona, con il footer in fondo alla pagina...

    "Chi non è in grado di riconoscere la piccolezza delle grandi cose che ha in sè, tende a trascurare la grandezza delle piccole cose negli altri."

  10. #10
    Ehh se io faccio cosi.. mi viene in fondo.. xo è tutto spostato a destra..
    Questa volta, più che un voto.. è favoreggiamento.

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.