WebSite X5Help Center

 
Andrea D.
Andrea D.
User

Footer non centrato o centrato male  it

Auteur : Andrea D.
Visité 1689, Followers 1, Partagé 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?

Posté le
7 RéPONSES - 1 UTILES - 1 CORRECT
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...

Lire plus
Posté le de Skeggia 12
Andrea D.
Andrea D.
User
Auteur

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

Lire plus
Posté le de Andrea D.
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de 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

Lire plus
Posté le de  lemonsong  
Andrea D.
Andrea D.
User
Auteur
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..

Lire plus
Posté le de Andrea D.
 lemonsong  
 lemonsong  
User

Devi mettere il CSS in una media query.

Lire plus
Posté le de  lemonsong  
Andrea D.
Andrea D.
User
Auteur
 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

Lire plus
Posté le de Andrea D.