[html, css] centrare body in percentuale

[lila89]

ciao, io ho un problema nel centrare il body, perchè lo dovrei fare a seconda dello schermo, cioè, se cambia la risoluzione risulta sempre essere centtrato con a lato i due "bordi bianchi".. come posso fare senza modificare troppo il codice?

[emnlmn]

è molto semplice, basta impostare il margine destro e sinistro del box che devi centrare (nel tuo caso direttamente il body) su auto, ovviamente tramite css.

es:

-css-

#centrato {
  margin:0 auto 0 auto;
}


-html-

<div id="centrato"></div>

[lila89]

grazie per la pronta risposta, ha funzionato, ma mi da un altro problema...

le immagini contenute negli altri div interni al body non si spostano, praticamente i div e il testo è ok centrato, ma le immagini no..

[ricman]

Originariamente inviato da lila89
le immagini contenute negli altri div interni al body non si spostano, praticamente i div e il testo è ok centrato, ma le immagini no..

Posta il pezzettino di codice incriminato o il link al sito..

[ricman]

Originariamente inviato da emnlmn
margin:0 auto 0 auto;

Forse c'è stato un incolla di troppo...
Basta questo:

margin: 0 auto;

[lila89]

si grazie, ora in IE funziona perfettamente... è firefox che problemi..
grazie ankora a tutti..

[lila89]

c'è solo un immagine che qnd cambio risoluzione dello schermo crea problemi... il problema è che qst immagine è a cavallo di 2 div... quindi per posizionarla correttamente non posso usare i margini.. ma devo dare le misure direttamente da "top" e "left".. c'è una soluzione per fare in modo che si sposti ank'essa da sola..?

[ricman]

Originariamente inviato da lila89
si grazie, ora in IE funziona perfettamente... è firefox che problemi..

Per la cronaca il corretto funzionamenteo dell'html è interpretato da Firefox. IE ha un sacco di problemi e interpretazioni personali.
Quando si fa un sito si guarda e si sviluppa su FF... DOPO si aggiusta per gli altri browser coi commenti condizionali o quello che ti pare...

[ricman]

Originariamente inviato da lila89
c'è solo un immagine che qnd cambio risoluzione dello schermo crea problemi... il problema è che qst immagine è a cavallo di 2 div... quindi per posizionarla correttamente non posso usare i margini.. ma devo dare le misure direttamente da "top" e "left".. c'è una soluzione per fare in modo che si sposti ank'essa da sola..?

Non ho visto il codice... Non puoi mettere semplicemente l'img dentro un div?

[lila89]

è già dentro un div.... ma per posizionare il div sopra altri 2 div devo mettere direttamente le coordinate..