Impaginazione sito scentrata 
Autore: Renzo P.
Visite 1709,
Followers 2,
Condiviso 0
Salve a tutti, quasi finito un sito, tutto bene e poi...con un occhio più attento... noto che i l'impaginazione del sito appare scentrata, a volte più a destra e a volte più a sinistra, senza un apparente motivo almeno da me trovato.
Del tipo, una oggetto testo lungo quanto il corpo del template, testo centrato correttamente e appare spostato di 2,3cm a destra o sinistra come tutto il resto del sito, compresi immagini, sfondi, oggetti vari....
A volte, ma molto meno, appare anche perfettamente centrato.
tanto per capirci allego immagine
Dimenticavo, sto usando website x5 pro v.15
Qualche idea ??
Postato il
"forse" , sarebbe meglio vedere la tua prova online...
posta il link del sito...
in effetti anche qui si può notare www.vincenzoerrico.it/contatti-fotografo-matrimonio-firenze-prezzi.html
dal bottone invia del form rispetto al futer si nota la differenza.
Autore
Ciao Vincenzo, esattamente quello che succede a te nel tuo sito.
Buona giornata
Renzo
Autore
Ciao Claudio, vedi qui: https://www.rpout.com/Demo/erp/
stavo nel frattempo aggiungendo "cose" e idee, ma la home page è completa e si nota la scentratura. Credo, ipotizzo, che dipenda dalla gestione responsive, perchè a volte passando dalle diverse modalità si centra per bene. Di quello che ho fatto sono sicuro, a meno che non mi sia scappata qualche funzione del programma.
Mi sono ripassato in tutto e per tutto la struttura del modello, larghezze, lunghezze ecc ecc... ma non ne sono venuto a capo del disguido.
Buon pomeriggio
Renzo
Analizzando i css noto un padding nonomogeneo per il contenuto della pagina alle risoluzione superiore. Che sia quello?
ciao
Autore
Grazie Giorgio, bella domanda, dove lo trovo in WebSite ?? Anche se non credo.
prova a mettere questo in proprietà pagina>>>prima della chiusura del tag head:
<style>
.imContentDataContainer {
padding: 0 0px 0 0px;
}
</style>
...!.. hai disposto fuori del layout questa immagine:
Così si centra! (aggiungi solo !important)
<style>
.imContentDataContainer {
padding: 0 0px 0 0px !important;
}
</style>