centrado vertical en css

Saludos;

Tengo una duda sobre las css y el centrado vertical.
Estoy intentando dejar de usar tablas y usar lo más posible css; con tablas usaba una imagen centrada en la pantalla (en vertical y horizontal) de la siguiente manera:

-una tabla de ancho 100% y de alto 100%
-dentro de ella un centrado vertical y uno horizontal

mis preguntas son:

-¿como centro una imagen en vertical y horizontal sin usar tablas, y que se visualice bien en distintos navegadores?

-si usase tablas combinandolas con css (es decir, un div dentro de la tabla centrada)...¿como se vería en los distintos navegadores?

Un saludo y muchas gracias por vuestra ayuda

Ramm escribió:

También se puede poner dentro de otras capas.

Pero ya que estamos con esto: ¿alguien me puede decir como se utiliza "vertical-align:;"?

vertical-align funciona en ciertos casos solamente.

Por ejemplo, si haces un

Código :

display:table-cell;

Puedes usar el vertical-align. Creo que tambien en las celdas de las tablas se puede.

Ramm muchas gracias por la ayuda, funciona perfectamente.
¿Sabes si da problemas en algún navegador?

Muchas gracias

http://www.webmasterlibre.com/2006/07/03/centrado-con-css-2-vertical/

En el enlace de arriba hay un método basado en lo que dice Ramm, y te da ideas de que hacer para que sea cross-browser...
Saludos!

Muchas gracias, anoto ideas y pruebo.

Un saludo

una forma de emular vertical align es dandole al line-height el mismo valor que el de la altura por ejemplo:
#my_div{
width:200px;
height:50px;
line-height:50px;
}
con esto el texo dentro del div saldra centrado

Lo siento por repetir el mensaje Sorry

Muchas gracias Pitxon, pero no pretendía centrar el texto, simplemente conseguir el efecto de centrar una mimagen tanto vertical como horizontalmente independientemente de la pantalla.

Por cierto, ¿alguién conoce alguna página donde se pueda aprender gratuitamente css?, ¿y que sea gratuita y que empiece por lo básico?

todavía me hago un lio a la hora de situar los divs en la pantalla y no distingo entre # y .


gracias