Centrado de tabla en el centro de una página

24/02/2006 - 19:15 por Jose | Informe spam
Hola a todos.

Sigo con mi página web y me he encontrado con otra cosilla que no se como
solucionar. Me gustaría que una tabla que he creado apareciera en el centro
de la página web (aún cambiando el tamaño de la ventana).

Por medio de éste código he conseguido que aparezca en el centro pero
alineada a la parte superior, es decir se centra con respecto a los márgenes
izquierdo y derecho pero no con respecto al superior e inferior:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht...">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Aqui va el titulo</title>
</head>
<body bgcolor="#000000">
<table border="0" style="margin-left:auto; margin-right:auto;
margin-bottom:auto; margin-top:auto" cellpadding="0">
<tr><td>bla, bla, bla, bla, bla, bla</td></tr>
</table>
</body>
</html>

¿Sabéis que puedo hacer?

Muchas gracias y un saludo

Jose
 

Leer las respuestas

#1 diCuenc
25/02/2006 - 17:58 | Informe spam
Para centrarla horizontalmente, hay un modificador que se llama ALIGN

<TABLE ALIGNÎNTER>

Si lo que quieres es centrarla horizontalmente y verticalmente, prueba con
esto (sólo lo he probado con CAPAS y funciona... no se con tablas):

<TABLE style="position:absolute; top:50%; margin-top:-218px; left:50%;
margin-left:-375px; width:750px; height:436px;">

En margin-top: Tienes que poner (en negativo) la mitad del alto de tu tabla
En margin-left: Tienes que poner (en negativo) la mitad del ancho de tu
tabla
En Width: El ancho de tu tabla
En Height: El alto de tu tabla.

Saludos!


"Jose" <micorreoes: escribió en el mensaje
news:
Hola a todos.

Sigo con mi página web y me he encontrado con otra cosilla que no se como
solucionar. Me gustaría que una tabla que he creado apareciera en el
centro de la página web (aún cambiando el tamaño de la ventana).

Por medio de éste código he conseguido que aparezca en el centro pero
alineada a la parte superior, es decir se centra con respecto a los
márgenes izquierdo y derecho pero no con respecto al superior e inferior:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht...">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Aqui va el titulo</title>
</head>
<body bgcolor="#000000">
<table border="0" style="margin-left:auto; margin-right:auto;
margin-bottom:auto; margin-top:auto" cellpadding="0">
<tr><td>bla, bla, bla, bla, bla, bla</td></tr>
</table>
</body>
</html>

¿Sabéis que puedo hacer?

Muchas gracias y un saludo

Jose

Preguntas similares