Printable View
Ciao a tutti. Io ho una pagina web in cui i contenitori <div> partono da sinistra . Adesso devo mettere un <div> che parte da destra, però quando faccio lo zoom, i <div> di sinistra si spostano verso destra, mentre il <div> di destra si sposta verso sinistra. Come posso fare per spostare tutti i <div> centralmente o almeno far spostare il <div> di destra verso destra e non sinistra?
se puoi posta il codice o il link della pagina , sara' piu' semplice capire il problema ..
<center>
deprecato,
<div style="text-align:center">
</div>
Penso che ti basterebbe applicare l'attributo float:left e float:right ai rispettivi div se ne vuoi uno centrato prova ad applicargli:
width: XXXpx;
margin:auto;
se non funziona prova con:
width: XXXpx;
left:50%;
margin-left:- XXX/2 px;
Il problema dello zoom è dovuto al fatto che zoommando si modifica la dimensione della pagina mentre evidentemente la dimensione dei blocchi è data con una unità di misura fissa (tipo px..)
Se non vuoi utilizzare un framework tipo foundation (te lo consiglio perché semplifica tantissimo tutti questi problemi senza togliere nulla alla tua personalizzazione), ti conviene fare due div di larghezza 50% (attento poi a settare bordi e padding che potrebbero scasinare tutto). In questo modo saranno sempre al loro posto.