Centrar img dentro de un div con width 100%

[rapuig]

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! :)

[ArturoGallegos]

repasa el libro CSS de librosweb.es
veo que usas exageradamente position:absolute; esa es una muy mala practica

para centrar cualquier elemento usa margin:0 auto;

[rapuig]

Gracias, en realidad se trataba de un slider que tome te internet y venia así, ya lo adapte a mi web quitando algunas posiciones absolutas.
Igual sigo sin poder centrar, se que un div se centras como dices, pero como hago para centrar la imagen dentro cuando el width de ese div es de 100%?

Gracias.

[C2am]

http://www.librosweb.es/referencia/css/text-align.html

Prueba con eso. Claro después de leerlo.

Saludos

[chichote]

basta con .item { text-align:center;}

Saludos