Quiero centrar una tabla en un div verticalmente

sebastian57 · #1 (**permalink**) 19/02/2012, 17:43

Hola, estoy haciendo una web y quiero centrar verticalmente el contenido de un div, que justamente en este caso es una tabla, alguien me podria ayudar? gracias !

emprear · #2 (**permalink**) 19/02/2012, 18:17

Los elementos tienen anchos y/o altos específicos?
Con qué código estás trabajando?
Proporcioná más datos

Saludos

sebastian57 · #3 (**permalink**) 21/02/2012, 01:08

estoy trabajando con html y css, los elementos, osea tan solo un div y una tabla tienen medidas especificas, el div tiene masomenos 800x400 y la tabla un poco menos, masomenos 790 x 393, logro centrarla horizontalmente pero no puedo centrarla verticalmente, que queda arriba, y cuando trato de centrarla desde css en el div, no puedo, no se que pasa

alguien me puede ayudar diciendome algun codigo que me sirva o que harian uds en mi lugar para poder centrar la tabla en el div?

muchas gracias a todos!!

emprear · #4 (**permalink**) 21/02/2012, 01:39

Algo asi más o menos

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
div{
width: 800px;
height: 400px;
border: solid 1px #000;
}
 
table {
width:790px;
height:392px;
margin: 4px auto;
/*]]>*/
</style>
</head>
<body>
    
<div>
<table border="1">
<tr>
<td>contenido</td>
</tr>
</table>
</div>
</body>
</html>

Con auto, la tabla se centra horizontalmente, para el vertical, restas del alto del div el alto de la tabla, lo dividis por dos y se lo pones como margin top.
margin: 4px auto;
Siempre te conviene que esa diferencia entre altos sea un numero par, asi que en mi ejemplo le di a la tabla 392 y no 393

Saludos

sebastian57 · #5 (**permalink**) 21/02/2012, 15:36

Muchas gracias emprear, pero mira, te cuento mi problema, si aplico tu codigo exactamente a un nuevo html, se centra perfectamente, pero si tan solo le quito el border del div, (ya que no quiero que tenga borde), ya no se centra, no se si me explico, te agradeceria que me contestes, desde ya muchas gracias por haber intentado ayudarme. te muestro dos fotos para que veas a lo que me refiero

en esa esta perfectamente como vos me lo dijiste sin cambiar nada

pero en esta el codigo esta exactamente igual, lo unico que le saque fue el border porque no quiero que el div tenga borde y...

bueno espero tu respuesta, me esta volviendo loco esto, no entiendo porque pasa esto, gracias, saludos!!

si no te aparecen las imagenes y queda el icono de imagen, dale boton derecho y abrir en pestaña nueva para visualizarlas

emprear · #6 (**permalink**) 21/02/2012, 19:59

las imágenes no se ven
Aunque si es lo que supongo, tenes dos opciones, o dejar el borde y darle un color transparente, o quitarlo y ponerle al div
overflow: hidden;

Saludos