Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543

    ennessimo sul problem footer

    Ciao, non so come mai ma improvvisamente mi sono arruginito....ho sto problema con il footer...ho letto la guida di html.it e ha sempre funzionato ma ora no....dipende da me o dal codice? sto su un mac con firefox
    codice:
    html, body {
    	margin:0;
    	padding:0;
    	width: 100%;
    	height: 100%;
    }
    div#container{
    	width: 800px;
    	height: 100%;
    	margin: auto;
    	background-color: yellow;
    	position: relative;
    }
    body>div#container{
    	height:auto;
    	min-height:100%;
    	}
    #header{
    }
    #body{
    }
    #navbar{
    }
    #footer{
    	background-color: pink;
    	position: absolute;
    	width: 100%;
    	bottom: 0;
    }
    mentre questo è l'html
    codice:
    <div id="container">
    <div id="header">head</div>
    <div id="navbar">nav</div>
    <div id="body">TESTO LUNGHISSIMO</div>
    <div id="footer">foot</div>
    </div>
    praticamente il footer si sovrappone alle ultime righe del body...e non va bene!

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova ad assegnare un'altezza 'x' al footer
    e a impostare un padding-bottom al div #body di 'x' pixel'

    la situazione migliora?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    era quello che volevo evitare...ma un buon bicchiere di vino a pranzo mi ha fatto arrivare l'illuminazione....non posso usare il margin al tag p posto nel footer
    userò solo il padding
    grazie cmq a tutti, alla prossima!

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

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.