Desidero allineare un figlio div
all'interno di un genitore div
(header-image
come immagine di sfondo) centrato in verticale e orizzontalmente nella parte inferiore.Allineamento di un figlio div centrato/inferiore nel genitore
<div id="header-image">
<div class="row">
... Content
</div>
</div>
ho trovato una soluzione per la centratura orizzontale:
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%;">
... content
</div>
</div>
Ma nessuna idea di come ottenere il contenuto al fondo (funziona solo con position:absolute
)
Per una migliore comprensione su http://webstopp.de/ si può vedere un header-image
e del testo, ma il testo deve trovarsi in fondo allo header-image
div
.
fare una jsfiddle per mostrare esattamente quello che stai cercando di fare. Inoltre, hai preso in considerazione solo l'uso della proprietà 'background' del CSS? – ProfileTwist
fatto un jsfiddle - vedi http://jsfiddle.net/7CDzq/3/ – toddiHH