Buenas!
Quiero centrar una imagen dentro de un div cuyo width es de 100%, o sea que ocupa todo el ancho de la pantalla. La imagen de adentro de este div también debe ocupar todo el ancho de la pantalla y tiene un alto fijo.
Acá dejo algo de mi css y html:
Código HTML:
<div class="slider">
<div class="sliderContent">
<div class="item">
<img src="img/lodges-bg.jpg" width="1950" height="600" alt="imagen"/>
</div>
</div>
</div>
Código:
.slider {
width:100%;
height:600px;
position:absolute;
left:0;
top:0;
}
.sliderContent {
width:100%;
height:600px;
float:left;
position:absolute;
overflow:hidden;
}
.sliderContent .item {
width:100%;
height:600px;
position:absolute;
background:#fff;
}
Gracias! :)