Foros del Web - Ver Mensaje Individual - Quiero centrar una tabla en un div verticalmente

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