Dare una posizione fissa ad un elemento del template es.(footer) [RISOLTO]

[password]

Ciao a tutti e grazie in anticipo per gli aiuti.

Ho pensato di rendere il mio template, joomlapraise, a dimensioni fisse.
Quindi ho modificato il css relativo e ho settato altezza e larghezza della pagina.
Ora però è sorto un problema: Gli elementi come il footer non hanno una posizione fissa e si regolano in base allo  spazio occupado dai moduli che li precedono.
Come faccio a far fermare il footer a otto pixel dal fondo della pagina bianca?
Questo è il sito

[conti1]

ciao
x avvicinare il fotter  al bianco del tempmlate
devi ridurre qui

Codice: [Seleziona]

#footer {
background-color:#D9D9DA;
border-bottom:1px dotted #B4B4B4;
border-top:1px dotted #B4B4B4;
color:#999999;
margin-left:-15px;
margin-right:-15px;
margin-top:200px;<<<<<<<qui
}
theme2.css (riga 115)
{


[password]

Facendo in questo modo, quando il contenuto che precede il footer e di altezza inferiore alla pagina cioè 960 px il footer arriva anche a metà pagina. Io voglio che resti sempre sulla parte inferiore della pagina indipendetemente dalla grandezza degli altri elementi.
Grazie per la disponibilità.

[conti1]

il fotter deve seguire la pagina non vedo il motivo che tu voglia tenere in fondo la scritta convincimi del motivo.
esempio se il main contiene solo una scritta esempio ciao e tiene uno spazio  in altezza di 20px e normale che tu abbia il fotter appena sotto .
ho non magari non riesco a capire io cosa vuoi tu .

[password]

Se viene mantenuta un altezza fissa della pagina, per esempio 900px, ed il contenuto occupa 600px dal top della pagina, il footer si troverà sopra la pagina bianca e visivamente non è un bel effetto.
Sarebbe meglio invece averlo fisso sotto la pagina per cavoli suoi.
Ora ho risolto in un altro modo.
Però vorrei sapere comunque se esiste codice capace di fare ciò.

[Nescio]

Ciao, credo di avere quello che fa al caso tuo.
Ho avuto lo stesso dilemma quando ho voluto creare un template a dimensioni fisse: non potendo conoscere quante barre gli utenti hanno installato sul proprio pc, ho optato per un footer mobile che si adatta all'altezza del sito. dai un'occhiata al mio sito (non far caso all'alert, è un test per vedere se un js riesce a vedere correttamente la risoluzione dello schermo): http://www.beatlemania.it
Se guardi attentamente il footer sale e scende (prova a rimpicciolire la finestra del browser).

L'ho ottenuto utilizzando un div che ha come stile:

Codice: [Seleziona]

#riquadro_footer {
position:absolute;
left:0px;

bottom:5px;
width:99%;
height:39px;
z-index:0;
background-color: #0056a9;
}
Con lo z-index faccio in modo che quando il browser si "accorcia" in altezza, il footer passa sotto il corpo del template e non va a coprire i contenuti.
Fammi sapere se è quello che ti serviva.

[password]

Grazie Nescio è proprio questo!

[tonicopi]

Interessante. Ma io non vedo alcun footer con firefox 3.5 come da allegato

[allegato vecchio più di un anno eliminato automaticamente]

[password]

Io lo vedo solo con explorer.
La prova che ho fatto sul mio sito però era visibile anche da firefox.

[Nescio]

Interessante. Ma io non vedo alcun footer con firefox 3.5 come da allegato

Salve, sono contento vada bene la soluzione.
Allora: credo sia per il numero di barre degli strumenti che avete nei vostri browser.
Ho adottato questa soluzione proprio per questo motivo: non posso sapere quante barre degli strumenti il mio utente ha installato sul suo browser. Volendo creare un template a dimensioni fisse e non volendo visualizzare le barre di scorrimento laterali, ho pensato di rendere mobile il footer. Grazie allo z-index faccio in modo che vada al di sotto della parte principale.
Allego due immagini per mostrare come funziona.

Nella prima, ci sono svariate barre degli strumenti (segnalibri, barra per i css, la 'barra delle schede', e una barra di un plug in per firefox) ed il footer non si vede non appaiono le barre di scorrimento verticali.
Nella seconda immagine, invece, ho soppresso una barra, ed il footer è visibile.

Ad onor di cronaca devo dire che avevo creato questo template per le precedenti versioni di firefox, quelle dove la barra delle schede scompariva quando si visualizzava una sola pagina, mentre ora anche con firefox resta il nome della scheda al di sopra della pagina, nascondendo una linea bianca che doveva esserci tra footer e corpo).
Dato che l'utente medio installa molte delle barre degli strumenti che i programmi gli propongono e non le disattiva, ho pensato a questa soluzione.
Che ne dite?



[allegato vecchio più di un anno eliminato automaticamente]

[tonicopi]

Non mi è del tutto chiara l'utilità di questa cosa. Anche se disabilito tutte le barre degli strumenti ugualmente non vedo il footer.
Non solo. Se i contenuti sono lunghi più dell'altezza del monitor mi appare lo stesso la barra di scorrimento verticale e non vedo il footer.
Se sono più corti ugualmente non vedo il footer.
A ogni cambio pagina appare il fastidioso avviso da cliccare....

[Nescio]

Non mi è del tutto chiara l'utilità di questa cosa. Anche se disabilito tutte le barre degli strumenti ugualmente non vedo il footer.
Non solo. Se i contenuti sono lunghi più dell'altezza del monitor mi appare lo stesso la barra di scorrimento verticale e non vedo il footer.
Se sono più corti ugualmente non vedo il footer.
A ogni cambio pagina appare il fastidioso avviso da cliccare....

Mm.. è interessante quello che mi dici perché sono tutte cose nuove. Eccetto per l'avviso che ho tenuto solo per testare uno script. Posso farti qualche domanda per capire il problema?
Che risoluzione hai?
Usi come browser FF3.5?
Quale pagina ti fa apparire le barre laterali?
Io il footer lo vedo sempre, solo se metto delle barre degli strumenti in più questo viene nascosto.. ovviamente voglio capire!