WebSite X5Help Center

 
Andrea D.
Andrea D.
User

Footer non centrato o centrato male  it

Autore: Andrea D.
Visite 1467, Followers 1, Condiviso 0  

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?

Postato il
7 RISPOSTE - 1 UTILE - 1 CORRETTO
Skeggia 12
Skeggia 12
Moderator

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...

Leggi di più
Postato il da Skeggia 12
Andrea D.
Andrea D.
User
Autore

Ah scusa mi sono dimenticato di inserirlo... il link del sito dove non riesco a centrarlo è il seguente: www.indirizzodiprova.altervista.org/tig3rtest

Leggi di più
Postato il da Andrea D.
Skeggia 12
Skeggia 12
Moderator

a quel link vedo questo... e mi sembra regolare anche nelle altre pagine....

Leggi di più
Postato il da Skeggia 12
 lemonsong  
 lemonsong  
User
Andrea D.
www.indirizzodiprova.altervista.org/tig3rtest

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>

Andrea D.

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

Leggi di più
Postato il da  lemonsong  
Andrea D.
Andrea D.
User
Autore
Skeggia 12
a quel link vedo questo... e mi sembra regolare anche nelle altre pagine....

Scusa skeggia, mi son praticamente dimenticato di indicare tutto.... mi riferivo appunto al footer in modalità responsive.

lemonsong
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>

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..

Leggi di più
Postato il da Andrea D.
 lemonsong  
 lemonsong  
User

Devi mettere il CSS in una media query.

Leggi di più
Postato il da  lemonsong  
Andrea D.
Andrea D.
User
Autore
 lemonsong  
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 laughing

Leggi di più
Postato il da Andrea D.