Footer non resta al suo posto..perchè?

[ANTAGONIA]

Buon pomeriggio, ho scaricato la guida qui su html.it, e nello specifico per quanto riguarda il posizionamento del footer....Ma purtroppo non mi mantiene la posizione.
Il problema è che, a seconda della pagina che visualizzo, il footer mi si sposta in alto.
Questo è il css:

div#footer{
	text-align:center; 
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:10px;
	padding: 10px 10px;
             background-color: #000; 
	color: #fff}

Come mai mi si sposta?Devo adottare altri accorgimenti...
Vi prego aiutatemi...Grazie mille...!!!

[dr_jack86]

ciao.. bisogna capire dove lo inserisci il footer all'interno della pagina html .. se prima non inserisci niente, non puo stare in basso .. se invece in alcune pagine c'è gia contenuto allora il div si posiziona dopo tutti i contentuti ..

posta la pagina html nn solo il css

[ANTAGONIA]

<div id="container">
	<!--div id="colonnaDX"></div>
	<div id="colonnaSX"></div-->
	
	<div id="sito">WWW.CARPINETOMUSICFEST.COM</div>
	<div id="description">ACCENDI LA TUA PASSIONE MUSICALE</div>
    <div id="header">
        <h1>Carpineto Music Fest</h1>
    </div>
	<div id="rss"><iframe id="RSS" src="" scrolling="no"></iframe>
</div>
    <div id="content">
       <? include('controlli.php');?>
    </div>
    <div id="extra">
        <div class="newsbox">
            <h2>Newsletter</h2>
            <? include('newsletter/newsLetterIn.php');?>
        </div>
        <div class="newsbox">
            <h2>Sondaggi</h2>
            

Nulla tincidunt.</p>
        </div>
<div class="newsbox" align="center">
		 	<h2 align="left">In collaborazione con</h2>
            <h2 class="imgSpot5"></h2>
			

			<h2 class="imgSpot4"></h2>
			

			<h2 class="imgSpot2"></h2>
			

			<h2 class="imgSpot1"></h2>
			

			<h2 class="imgSpot3"></h2>
        </div>
    </div>
    <div id="navigation">
        <ul>[*]HOME
[*]FIRST EDITION

			[*]PROGRAMMA

			[*]GALLERY
[*]ISCRIZIONE

			[*]GUESTBOOK
[*]CONTATTI[/list]
        <div>
 <div id="minilink"></div>
    </div>
<div id="footer"><script language="javascript" type="text/javascript" src="script/ultimaModifica.js"></script></div>
		<div id="powered">Powered by Blabla</div>
		<div id="produced">Produced by blabla</div>
</div>

Questa è la pagina con i div...Grazie mille...

[dr_jack86]

e in questa pagina il footer viene visualizzato in alto ?

[ANTAGONIA]

quando carico la pagina cosi come stà, tutto ok, ma quando scelgo dal menù una delle pagine, il footer si sposta verso l'alto.
Quindi devo agire, nel CSS, inserendo un DIV#CONTATTI, dove indico un padding-bottom:200px; per esempio...cosi da incrementarmi il resto della pagina che resta vuoto, e mandare il footer nella sua posizione originale..

Spero di essermi spiegato...
Quello che vorrei sapere è se c'è qualcosa per cui tenerlo immobile..
Grazie mille...

[dr_jack86]

allora, prima del footer metti un div dove inserirai i contenuti .. qua le strade si dividono : se ti basta una dimensione fissa allora nn hai problemi, la imposti e tutto ok .. se invece la parte dei contenuti è variabile, non impostare l'altezza ma setta l'attributo min.height: valore px. nel css. in questo modo, anche se non hai contenuti, il div occupa lo stesso lo spazio e se tu hai invece piu contenuti il div si "allunga" e non dovresti avere problemi.

[ANTAGONIA]

Ti ringrazio per avermi risposto, però scusami, dato che mi sto avvicinando a questo mondo solo ora, potresti farmi un'esempio, cosi almeno sò di partire con il "footer" giusto ?

Grazie mille...

[dr_jack86]

allora il segreto è quello di dividere una pagina in varie sezioni: testata, menu, contenuti e footer. se tu non specifichi le altezze i browsers non interpretano il codice allo stesso modo. quindi il mio consiglio è quello di impostare in tutti i div le dimensioni fisse mentre nel div contenuti invece di mettere height: valore, metti una dimensione variabile ma che abbia una dimensione minima. per fare questo utilizzi min-height: valore..

[ANTAGONIA]

Grazie spero di aver capito...
Cmq ti faccio una domanda da un milione di euro, che tu sappia, hosting di tipo free come altervista, posso dare problemi con i CSS?

Ti spiego, in locale ho un pacchetto chiamato XAMPP per l'interpretazione del PHP, il problema è che, i settaggi che ho nei due CSS, uno per IE e l'altro per tutti, in locale mi funzionano bene, ma online... i browser non si comportano come in locale..per esempio, in locale visualizzo, l'iframe per RSS, attaccato all'intestazione e di dimensioni 20px, online, si stacca dall'intestazione e si ridimesiona nell'altezza..

Come mai?
Mamma mia che roba....
Grazie mille....

[dr_jack86]

eh .. nn ho mai lavorato con iframe .. non so neanche come funzionano ..