Footer non centrato o centrato male
Автор: Andrea D.Ciao a tutti, come si legge da titolo mi trovo con due siti e tirandola per le corte, in uno la centratura avviene ma in maniera irregolare rispetto a tutto il contenuto della pagina, nel secondo invece la centratura del footer non avviene proprio.
Ho provato a guardare nel passo 1 - Stile del modello - Struttura del modello Responsive e dove c'è la voce: Allineamento ho inserito "Centro".
Ho provato ad aggiungere il tag <div align="center"></div> nel box di scrittura ma non cambia nulla.
Ho provato come ultima carta, la rigenerazione del codice tramite CTRL+Click in anteprima ma è rimasto invariabile..
L'unico codice che potrebbe interferire è nel punto 4 nel campo Prima della chiusura del tag HEAD ed è il seguente:
<!-- EXTRA INIZIO -->
<style>
@media (max-width: 959px) {
#imHeader .imTemplateContent { display:block; position:absolute; left:550px !important;}
.search_form {position:absolute; top:120px !important;}}
#imHeader {background-size: 100% auto;}
@media (max-width: 719px) {
#imHeader .imTemplateContent { display:block; position:absolute; left:300px !important;}
.search_form {position:absolute; top:120px !important;}}
#imHeader {background-size: 100% auto;}
@media (max-width: 479px) {
#imHeader .imTemplateContent { display:block; position:absolute; left:250px !important;}
.search_form {position:absolute; top:120px !important;}}
#imHeader {background-size: 100% auto;}
@media (max-width: 380px) {
#imHeader .imTemplateContent { position:absolute; left:200px !important;display:block;}
.search_form {position:absolute; top:120px !important;width:50px !important;}}
#imHeader {background-size: 100% auto;}
</style>
<!-- EXTRA FINE -->
Questo codice è presente in entrambi i due siti, ma non vedo riferimenti a footer ma solo all'header... cosa potrebbe essere? e quale potrebbe essere una soluzione?
forse mi sbaglio, ma questo codice pone dei margini precisi per il content per i vari breakpoint... per il footer nessuna posizione... questo potrebbe essere il problema della mancata centratura, che il content è spostato rispetto alla posizione canoninca del footer...e non viceversa... ma senza un link per verificare...
Автор
Ah scusa mi sono dimenticato di inserirlo... il link del sito dove non riesco a centrarlo è il seguente: www.indirizzodiprova.altervista.org/tig3rtest
a quel link vedo questo... e mi sembra regolare anche nelle altre pagine....
Nella 12, se vuoi allineare al centro il contenuto testuale del footer in modalità responsive, devi modificare le proprietà del div genitore con, per esempio, questo CSS:
<style>
#imFooterResponsiveContent {
display:block;
}
</style>
Inoltre, al posto del vetusto attributo align, scriverei un CSS inline:
<div style="text-align:center;">Testo centrato</div>
Ho provato a guardare nel passo 1 - Stile del modello - Struttura del modello Responsive e dove c'è la voce: Allineamento ho inserito "Centro".
Quella opzione è riferita ai contenuti grafici del footer.
Se vuoi metodi alternativi per avere footer più articolati, puoi dare un'occhiata ai template per la versionw 12, presenti qui: http://quellidelcucuzzolo.blogspot.it/p/website-x5.html
Автор
Scusa skeggia, mi son praticamente dimenticato di indicare tutto.... mi riferivo appunto al footer in modalità responsive.
Stavo quasi per mettere risolto il post, con il codice che mi hai scritto si era accentrato tutto..
Purtroppo mi sono accorto poi, come giustamente si pensa leggendo attentamente il codice, blocca il responsive, quindi quando si passa al sito in modalità desktop si vede sia il footer normale che responsive assieme...
Se mi son spiegato male, se guardi/ate il link si vedrà cosa voglio dire..
Devi mettere il CSS in una media query.
Автор
Si, mi era venuta la stessa idea guardando il codice che avevo sopra.
Ha funzionato, grazie lemonsong