Visualizzazione dei risultati da 1 a 3 su 3

Discussione: css problema footer

  1. #1

    css problema footer

    salve, ho creato una bozza di pagina con i div ma non capisco perchè non riesco a mettere il footer in fondo alla pagina, mi si posiziona sempre sotto la colonna di destra, vi posto il codice html:

    codice:
    <body>
    
    <div id="mio" class="header">HEADER</div>
    
    
    <div id="div8514" class="lyt002sx">
    
    
    COLONNA SINISTRA</p>
    <div id="div8520" class="lyt002foo">
    
    
    COLONNA SINISTRA</p>
    </div> 
    </div> 
    
    
    
    <div id="div8515" class="lyt002dx">
    
    
    PARTE CENTRALE</p>
    </div>
    
    
    
    <div id="footBt" class="lytfooBt"></div>
    
    
    
    </body>
    codice css:
    codice:
    html, body { margin: 0px; padding: 0px; }
    body { background: #660; color: #fff; font-size: 0.9em; font-family: arial, helvetica, sans; }
    .lyt002main{background-color:#660;}.header{width:940px;height:50px;background-color:red;}
    
    /* Classi Colonna sinistra */
    .lyt002sx{float:left;width:200px;background-color:#cc0;}
    .lyt002foo{width:60%;margin:auto;margin-top:80px;color:#660;}
    
    
    
    /* Classi colonna destra */
    .lyt002dx{float:left;width:740px;background:#990;}
    
    
    .lytfooBt{float:left;background-color:red; width:940px; height:50px;}
    .lytCentral{background-color:orange;width:100%; };

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    togli il float al footer e mettici il clear

    Cyà

    ps. ti consiglio di usare nomi più descrittivi per gli elementi

    edit. stai definendo sia l'id che la classe per i box, ma ti servono entrambi? :master:

  3. #3

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.