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

Siga el debate

2 respuestas

Tengo una respuesta

Preguntas similare

Centrado de tabla en el centro de la página

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

Responder a este mensaje

#2 Jose

25/02/2006 - 18:43 | Informe spam

Muchas gracias, veré a ver si me sale.

Un saludo

Jose

"diCuenc" escribió en el mensaje
news:

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

Siga el debate Respuesta

Responder a este mensaje

Ads by Google

Hacer una pregunta

Tengo una respuesta

Busqueda sugerida