Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    come far toccare al piede il fondo schermo

    ciao, dato questo css:
    codice:
    #contenitore {
    	width: 950px;
    	margin: 0 auto;
    	text-align: center;
    }
    #testa {
    	width: 940px;
    	padding-left: 10px;
    	text-align: center;
    }
    #nav {
    	width: 950px;
    	height: 25px;
    	line-height: 25px;
    	margin: 20px 0 50px 0;
    	padding: 0;
    }
    table {
    	width: 950px;
    	margin: 0;
    	padding: 0;
    	border-spacing: 0;
    	border-bottom: 1px solid #ccc;
    }
    td {
    	margin: 0;
    	padding: 5px 0;
    	border-top: 1px solid #ccc;
    }
    #corpo {
    	width: 950px;
    	margin: 0 0 25px 0;
    }
    #piede {
    	padding: 5px 0;
    	width: 950px;
    	clear: both;
    	background: #333;
    	text-align: left;
    }
    e questo html:
    codice:
    <div id="contenitore">
    	<div id="testa">
    	</div>
    	<div id="nav">
    	</div>
    		<div id="corpo">
    		<table>
    		  </table>
      </div>
    <div id="piede">
    </div>
    </div>
    vorrei far si che il piede toccasse il fondo pagina a qualsiasi risoluzione poichè il contenuto della tabella sono 3 righe e quindi il piede rimane in mezzo alla schermata. come posso fare? devo utilizzare un layout fluido o qualcosa del genere? mi date 2 dritte che non me ne intendo molto a riguardo?
    grazie
    Si fanno sempre nuove scoperte

  2. #2
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    credeteci di brutto che una risposta la trovate!

    up please....
    Si fanno sempre nuove scoperte

  3. #3
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Guarda se questo ti può aiutare:

    Il problema del footer
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  4. #4
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    ho visualizzato la guida e provato ma non mi torna. All'interno del div corpo ho 2 tabelle flottanti e in ff e opera mi mette il piede sotto al corpo che però è alto meno delle tabelle stesse che contiene. in ie addirittura mi parte il footer verso destra
    sembra che non calcoli il 100% del body, perchè?
    codice:
    body {
    	margin: 0;
    	padding: 0;
    	height: 100%;
    	background: #fff;
    	color: #000;
    	text-align: center;
    }
    #contenitore {
    	width: 950px;
    	margin: 0 auto;
    	position: relative;
    	text-align: center;
    }
    #corpo {
    	margin: 0 auto;
    	padding: 25px 0 50px 0;
    	width: 950px;
    	text-align: center;
    	background-color: #ccc;
    }
    #piede {
    	padding: 5px 0;
    	width: 100%;
    	background: #e6e6e6;
    	text-align: left;
    	position: absolute;
    	bottom: 0;
    	clear: both;
    }
    grazie
    Si fanno sempre nuove scoperte

  5. #5
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    sembra che non calcoli il 100% del body, perchè?
    perchè dovevo dare il 100% height anche al contenitore.
    i problemi di ff e opera invece erano dati dal fatto che non avevo inserito questa regola, che viene letta solo da loro:
    codice:
    body>#contenitore {
    	height: auto;
    	min-height: 100%;
    }
    in ie comunque mi rimaneva il problema del footer sballato a dx e ho risolto così:
    codice:
    left: 0;
    magari la prossima volta è meglio se controllo bene l'esempio della guida.....
    Si fanno sempre nuove scoperte

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.