WebSite X5Help Center

 
Pierpaolo C.
Pierpaolo C.
User

V13 il sito non si auto centra  it

Autor: Pierpaolo C.
Besucht 685, Followers 1, Geteilt 0  

Esportando con la nuova versione 13 e riducendo le dimesioni della pagina il contenuto rimane nella parte laterale.

Mentre con la versione 12 il sito si autocentra.

Provate a ridimensionare la pagina per vedere le differenze:

V12: www.paolocellini.it

V13: www.paolocellini.it/test/

Gepostet am
6 ANTWORTEN - 1 KORREKT
Skeggia 12
Skeggia 12
Moderator

a me non sembra... si centra automaticamente... fai CTRL+F5...

Mehr lesen
Gepostet am von Skeggia 12
Giancarlo B.
Giancarlo B.
User

.. si ... è centrata anche la V13..

Mehr lesen
Gepostet am von Giancarlo B.
 lemonsong  
 lemonsong  
User

@Pierpaolo

Il problema c'è ed è causato dal valore in pixel di width in questa regola CSS inserita Prima della chiusura del tag HEAD:

#imPage { position:relative;width:1050px;margin:0 auto; background-color: transparent;box-shadow: 0px 0px 100px rgba(0,0,0,0.8) }

Non puoi dare quel valore fisso in un sito responsive, prova con un valore in % oppure inserendo delle media queries in base ai breakpoint usati.

Mehr lesen
Gepostet am von  lemonsong  
Pierpaolo C.
Pierpaolo C.
User
Autor

Grazie a tutti,

scusami Lemonsong come dò dei valori in percentuale? quei valo in realtà mi servono per fare l'effetto ombra a destra e a sinistra della parte principale del sito.

Mehr lesen
Gepostet am von Pierpaolo C.
 lemonsong  
 lemonsong  
User

Come già anticipato puoi optare per delle media queries in base ai breakpoint usati, esempio:

<style>
@media (max-width: 1049px) and (min-width: 720px) {
  #imPage {
    width: 720px;
  }
}
@media (max-width: 719px) {
  #imPage {
    width: 100%;
  }
}
</style>

Lasciando il valore iniziale di 1050px nel CSS già scritto.

Nota: attenzione ad "alterare" le caratteristiche fisiche del div con id imPage, potresti avere altri problemi con, per esempio, lo stile delle righe (Estendi alla larghezza della finestra del Browser).

Mehr lesen
Gepostet am von  lemonsong  
Pierpaolo C.
Pierpaolo C.
User
Autor

Grazie mille.

Mehr lesen
Gepostet am von Pierpaolo C.