Nei CSS a volte complichiamo le nostre vite con cose semplici che sono meno complicate di quanto pensiamo, e che quando vediamo la soluzione quasi ridiamo nell'osservare simili aneddoti.
Più di una persona mi ha chiesto come centrare un div posizionato in modo assoluto e la risposta è molto semplice:
- Diamo al div una larghezza fissa. Esempio: 500px
- Posizioniamo assolutamente il div con il 50% rimasto. Esempio: posizione: assoluta; sinistra: 50%;
- Sottraiamo metà di ciò che misura con il margine. Esempio: margin-left: -250px;
Il risultato è un div perfettamente centrato e assolutamente posizionato.
Grazie mille .. come dici una cosa così semplice e che nonostante il passare del tempo è ancora artefice di molti grattacapi.
Il tuo post mi è stato molto utile, grazie mille.
Grazie mille !!!
Un buon contributo mi ha aiutato molto, grazie
Che grande matto mi ha servito: D
Eccellente grazie…
Molto bravo Carlos.
ottime informazioni
Grazie, mi è servito
Mi hai salvato!!! Grazie :)
Grazie zio, mi ha aiutato molto !!, quella mia mancanza di immaginazione.
Grazie mille !!!!! questo trucco mi aiuta sempre ahah
grazie mille eccellente amico
Questo non è centrato, tutto dipende dalla dimensione originale dell'elemento div di base che facciamo crescere a seconda di cosa viene messo dentro, per me è stato più utile usarlo che visivamente se lo vedo ancora più centrato e rispondente:
assoluto;
a sinistra: 50%;
margine-sinistra: -100px;
sarebbe la metà.
Il contributo è apprezzato, mi ha davvero aiutato, saluti!
Un ottimo contributo mi ha aiutato molto, mille grazie!