Home › Forum › Problemi Vari con WP › Posizionamento del footer
-
AutorePost
-
-
5 Novembre 2007 alle 17:00 #4983gollum1Partecipante
Ciao a tutti…
Ho un problema di css, nel senso che vorrei che il footer sia sempre sul fondo della finestra del browser, nel caso che non vi siano abbastanza righe di articoli o la pagina sia direttamente vuota, mentre scorra al termine dei contenuti quando questi riempiono lo spazio a disposizione…
ho provato con:
#footer {
position: absolute;
bottom: 0;
background-color : #000000;
background-image : url(images/background-footer.jpg);
background-position : bottom center;
background-repeat : no-repeat;
height : 240px;
width : 100%;
}
e il primo caso funziona, se i contenuti sono inferiori allo spazio della pagina, il footer si posizione in fondo alla schermata del browser, purtroppo si posizione in quella posizione anche quando i contenuti sono molto più lunghi, e si sovrappone coprendone una parte, addirittura i contenuti continuano al di sotto de abbastanza lunghi…
riuscite a darmi qualche consiglio su come uscira da questo empasse?
(lo so che non è strettamente inerente a wp, ma visto che la piattaforma è quella, e siete tutto grandi… )
Grazie
—
Gollum1
-
5 Novembre 2007 alle 17:07 #47736gollum1Partecipante
Scusate per i post multipli, ma ho avuto un problema con il browser che si era bloccato e non mi sono accorto di averne inviate più copie, wolly, per favore, puoi eliminare i post superflui?
Grazie…
—
Gollum1
-
6 Novembre 2007 alle 11:35 #47749gollum1Partecipante
è possibile fare dei css condizionali (mi ricordo che una volta ero riuscito a fare un css che conteneva codice php, l’estensione era css.php, quindi veniva prima passato dal preprocessore php e poi spedito come css puro e semplice al browser, ma per quanto riguarda wp una cosa del genere sarebbe fattibile?
con uno di questi sistemi potrei fare in modo che il footer cambi in funzione della pagina che sto visualizzando…
ma come faccio a sapere se la parte tra l’header e il footer è abbastanza piccola da desiderare di usare il footer bloccato sul fondo della finestra, piuttosto che il footer che segua il contenuto della pagina?
Grazie
—
Gollum1
-
6 Novembre 2007 alle 11:46 #47750gollum1Partecipante
Mi viene in mente che si potrebbe usare ajax e quindi le proprietà DOM, che a quanto so permette di inserire “oggetti” nel flusso della pagina, ma la mia conoscenza di queste tecniche si ferma qui, c’é qualcuno che ha qualche informazione in più da darmi?
Tnx
—
Gollum1
-
6 Novembre 2007 alle 12:31 #47752ondapiPartecipante
ciao gollum, mi sembra che ti stai quasi rispondendo da solo, non ti seguo per niente quando cominci a parlare di ajax… ma se vuoi mettere la sidebar in fondo alla finestra del browsere, come fai a rispettare le dimensioni/risoluzione dello schermo?
-
6 Novembre 2007 alle 13:17 #47754gollum1Partecipante
ciao gollum, mi sembra che ti stai quasi rispondendo da solo, non ti seguo per niente quando cominci a parlare di ajax… ma se vuoi mettere la sidebar in fondo alla finestra del browsere, come fai a rispettare le dimensioni/risoluzione dello schermo?
Non è la sidebar che voglio inserire in fondo, ma avere una gestione più versatile del footer…
provo a spiegarmi meglio…
tema a 1 colonna…
header
conteiner
footer
i casi sono i seguenti:
1) altezza della pagina del browser meno altezza dell’header e del footer maggiore dell’altezza del container, voglio che il footer rimanga appoggiato sul fondo della pagina del browser.
2) altezza della pagina del browser meno altezza dell’header e del footer minore dell’altezza del container, voglio che il footer sia posizionato sotto il container, quindi per vederlo devo fare lo scrol dello schermo.
situazione attuale:
punto 1 – ok fissando il footer con la proprieta absolute position.
sto provando a fare i css condizionali, con l’uso di css.php, il fattore è che non posso fare style.css.php, in quanto non viene visto da worpress per indicarne il tema nella gestione dei temi, ma pare che si riesca ad ovviare a questo attraverso la direttiva
@import
all0interno del file style.csspraticamente il mio style css ha solo l’intestazione per farlo vedere come tema nel gestore di wp, e poi una serie di @import che caricano i vari css.php…
su alcuni browser pare funzionare (firefox e IE su winzoz, konqueror su linux) su altri sembra che qualche problema ci sia (firefox su linux)
vi aggiornerò sugli esperimenti… (se avete suggerimenti sempre ben accetti)
Byez
—
Gollum1
-
6 Novembre 2007 alle 15:36 #47757gollum1Partecipante
Sono riuscito a sistemare il problema della visualizzazione del file .css.php da parte di firefox, perché le cose siano corrette bisogna inserire il codice php che forma l’header per i file css:
<?php
header('Content-type: text/css');
?>
ora anche firefox riesce a gestire i file css modificati dinamicamente tramite php…
ora il problema è il seguente:
non sono definite le funzioni di WP per identificare per esempio la home, is_home(); ora vado a cercare nei file di WP, ma se qualcuno di voi ha già sulla punta delle dita il file da includere gliene sarei molto grato…
Vi aggiornerò sugli sviluppi per avere un css dinamico…
Tnx&Byez
—
Gollum1
-
6 Novembre 2007 alle 16:46 #47760gollum1Partecipante
Mi dicono su una lista per php che questo metodo potrebbe dare dei problemi per quanto riguarda le troppe chiamate che verrebbero effettuate al server php per generare i css, vi risulta che potrebbe esserci questo problema, anche con l’uso della cache da parte di WP?
-
6 Novembre 2007 alle 19:49 #47762ondapiPartecipante
ma se vuoi mettere la sidebar
si scusa, intendevo footer
interessante, ci capisco poco ma mi interessano gli sviluppi
una curiosità se modifichi le funzioni di wp, che dovrebbero essere extra tema grafico, non è che ti trovi nella impossibilità di aggiornare wp ad una nuova versione a meno che non apporti a questa le varie modifiche
-
6 Novembre 2007 alle 22:54 #47764gollum1Partecipante
Assolutamente, non ho mai parlato di portare modifiche al codice di WP, ma intendo lavorare esclusivamente sul tema, quindi portabile nelle varie versioni di WP a meno di piccoli aggiustamenti sul tema stesso… (per quello che sto realizzando ora non mi interessano widget e cose del genere, l’utente non deve personalizzare il proprio sito, ma solo utilizzarlo).
In ogni caso il discorso che stavo facendo è quello di modificare il file style.css, mettendovi una direttiva @import per importare il vero css che è salvato però con l’estensione .css.php, in modo che possa essere interpretato dal preprocessore php del server, devo usare l’import per il semplice fatto che style.css non può essere rinominato, altrimenti nel gestore dei temi non te lo ritroveresti più.
Con l’aggiunta dell’header che ho postato nel precedente post posso fare in modo di personalizzare il css al volo tramite php, e la cosa non pare male da un certo punto di vista, mi è stata fatta però un’obbiezione su una ML di PHP: questa soluzione potrebbe dare seri problemi:
“Esistono parecchie
controindicazioni che rischiano di rallentare notevolmente il sito
(invocazione multipla di php, sessioni interlock, …)”
.
sempre dalla stessa ML mi è stato postato il seguente link:
http://www.themaninblue.com/experiment/footerStickAlt/
che sembrerebbe proprio quello che fa al caso mio, non mi sono ancora letto tutta la trattazione, ma guardando gli esempi pare proprio che sia la soluzione che stavo cercando…
quando avrò fatto le opportune modifiche al mio codice vi saprò dire se effettivamente ha dato i risultati sperati…
nel contempo mi piacerebbe sapere se la soluzione con css.php è totalmente da scartare, o se le tecniche di caching di WP sono in grado di ovviare ai problemi che mi erano stati accennati…
Byez
—
Gollum1
-
7 Novembre 2007 alle 22:33 #47783gollum1Partecipante
http://www.themaninblue.com/experiment/footerStickAlt/
che sembrerebbe proprio quello che fa al caso mio, non mi sono ancora letto tutta la trattazione, ma guardando gli esempi pare proprio che sia la soluzione che stavo cercando…
effettivamente è la soluzione corretta per ottenere quello che volevo fare, unico problema che mi sono ritrovato ad affrontare era un fastidioso abbassamento (di circa 18 pixel) della pagina solo su Firefox.
Sempre grazie agli amici di una ML sul PHP (sono stato ripreso che non era la ML giusta, ma l’aiuto è arrivato concreto e importante) ho risolto anche questo problema, dovuto al tag
margin-top
di<H1>
che automaticamente viene postato da firefox appunto a 18px, la soluzione è stato mettere in testa al css la seguente riga:* { margin: 0px; padding: 0px }
con questo post posso considerare chiuso il thread, sperando di aver fornito informazioni utili per i partecipanti del forum.
Byez
—
Gollum1
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.