centrar el contenido de un div

[scorpionhack]

Buenas: he buscado la manera de centrar el contenido en un div he buscado mucho por internet, he provado desde css (vertical aling) hasta javascript pero no funciona...

alguien me puede ayudar?

mercii

[foreverOdd]

Intentalo con esto:

Código css:

display:table-cell;
vertical-align:middle;
 

Suerte

[scorpionhack]

funciona solo con texto no con las imagenes...

joer me trae de cabeza esto...


merci de todas formas

[opzina]

Para mi tendrias q poner un contenedor y dentro de este otro div con la imagen:

añgo asi:

<div id="contenedor">

<div id="img"> <img src="img/imagen.png"></div>

</div>

CSS:

#contenedor{
text-align:center;
}
y si hay texto en ese div donde esta la imagen, y a ese texto no lo queres centrado al igual que la imagen, haces esto:

<div id="contenedor">

<div id="img"> <img src="img/imagen.png">

<p>Texto a la izquierda con la imagen centrada por el contenedor</p>

</div>

</div>

CSS:

#contenedor{
text-align:center;
}

#imagen p{
text-align:left;
}

Espero haber dado en la tecla. saludos.

[foreverOdd]

entonces es mas facil si es con una imagen solo haz esto:

#imagen{margin:auto;}

<img id="imagen" src="path" />

Con esto centras la imagen horizontalmente y verticalmente.

[Mikmoro]

Iniciado por foreverOdd

entonces es mas facil si es con una imagen solo haz esto:
#imagen{margin:auto;}
<img id="imagen" src="path" />
Con esto centras la imagen horizontalmente y verticalmente.

¿Lo has probado? ¿podrías subir un ejemplo en el que se vea?

[foreverOdd]

Si ya lo probe, y no funciona

Pensen que se podia aplicar el mismo criterio q para otros elementos.

[opzina]

a ver si te ssirve esto: click aqui.

SAludos

[hormix]

Iniciado por foreverOdd

Intentalo con esto:

Código css:

display:table-cell;
vertical-align:middle;
 

Suerte

Gracias con esto me sirvio!