problema footer

[omar8792]

Ciao a tutti premetto che sono un neofita della programmazione web , il mio problema è questo.Ho un sito in cui mi collego a una base di dati. la struttura del sito è questa


il footer come si vede in questa pagina sta in basso...ma nelle pagine in cui visualizzo tabelle tramite php, se la query in php non da risultato, ovvero la tabella è vuota , il footer mi si alza e succede una roba del genere:


la struttura dei div è questa :

<div class="contenitore">

<div class="titolo"> </div>

<div class="sinistra"> Menù</div>

<div class="centro"> </div>

<div id="push">in teoria per fare stare giu il footer</div>

</div>


<div id="footer"></div>


cosa ne pensate???

devo postare anche il css dei vari div????

[Marcolino's]

Un link al sito sarebbe la cosa migliore, in mancanza posta pure i css, dopotutto dipende tutto da lì, tieni presente che il problema del footer nel bottom (la parte bassa è un problema noto).
Ai miei tempi si risolveva mettendo nel

html {height: 101%;}

in modo che la pagina fosse sempre al 101% a qualunque risluzione, ovviamente ciò faceva uscire sempre e comunque le scroolbars verticali in ogni caso (tra l'altro voluto per evitare disallineamenti).
Altri sistemi:

html {
overflow: -moz-scrollbars-vertical;
-ms-overflow-y : scroll;
overflow-y: scroll;
}

in questo modo almeno la pagina è sempre lunga quanto lo schermo, anche se poi noeterai che ci saranno altri piccoli problemi, come lo scrolling anche se minimale.

PS puoi dare quei valori anche solo ad una sezione della pagina, html {} indica tutta la pagina, ma nessuno vieta di usarlo anche per altre sezioni, che ne so: div.testo{} tieni presente però che a quel punto ti si incasina tutto, insomma devi giocarci un po'.

[omar8792]

ho provato tutte e due le soluzioni e rimane sempre cosi!
link

mentre ad esempio se c'è un risultato va giusto cosi ..

link

non posso mettere un link al sito perchè è in locale...il css comunque è questo :

html {
overflow: -moz-scrollbars-vertical;
-ms-overflow-y : scroll;
overflow-y: scroll;
}

body {  
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin: 0px;
  padding: 0px;
}
.contenitore {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; 
} 
.titolo{
	font-size: 30px; 
	font-family:'Palatino Linotype', 'Palatino', 'URW Palladio L';
	text-align: center; 
	background-color: #04B45F; 
 	clear: both;
 	width: 100%;
 	height:10%;
	padding-bottom: 20px;
	padding-top: 20px;
}

#footer{
	font-size: 20px; 
	font-family:"Courier New", Courier, monospace;
	text-align: center; 
	background-color: #04B45F; 
	padding-bottom: 10px;
	padding-top: 10px;
}

.sinistra { background-color: #F2F2F2;
  float: left;
  width: 17%;
  min-height:800px;} 

.centro {
float:left;
width: 75%;
text-align:justify;
height: 100%;
min-height:500px;
margin-left:20px;
margin-top:20px;
}
   
html, body {
	height: 100%;
}
#footer, #push {
	height: 30px; 
	clear: both;
}