Forums Últimos mensajes - Powered by IBM
 
Tags Palabras claves

Centrado de tabla en el centro de la página

24/02/2006 - 19:14 por Jose | Informe spam
Ayuda Hacer una pregunta
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
email Siga el debateRespuesta 5 respuestasRespuesta Tengo una respuesta

Preguntas similare

Leer las respuestas

#1 Mariluz
26/02/2006 - 01:23 | Informe spam
Hola, debes añadir el comando: <div align="center"> justo antes de... <table border="0" style="margin-left:auto;
margin-right:auto;
margin-bottom:auto; margin-top:auto" cellpadding="0">



Suerte y cuéntanos si te da resultado ¿vale?
Mariluz
http://zuliram.miarroba.com


"Jose" escribió en el mensaje ...
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


Respuesta Responder a este mensaje
#2 Jose
26/02/2006 - 21:57 | Informe spam
Muchas gracias Mariluz, pero creo que no hace lo que quería (o puede que lo
haga mal), poniendo <div align="center"> lo que hace es centrar la tabla
horizontalmente en la página. Lo que quiero es que la centre verticalmente,
ya que horizontalmente lo consigo por medio de <table border="0"
style="margin-left:auto; margin-right:auto; margin-bottom:auto;
margin-top:auto" cellpadding="0"> (con esto dependiendo del tamaño de la
ventana del navegador la tabla siempre está centrada horizontalmente). Ahora
lo que quería es que se centrara también verticalmente y que dependiendo del
tamaño de la ventana del explorador siempre se situara en el centro de la
pantalla (tanto vertical como horizontalmente).

Un saludo

Jose


"Mariluz" escribió en el mensaje
news:e%
Hola, debes añadir el comando: <div align="center"> justo antes de...
<table border="0" style="margin-left:auto;
margin-right:auto;
margin-bottom:auto; margin-top:auto" cellpadding="0">



Suerte y cuéntanos si te da resultado ¿vale?
Mariluz
http://zuliram.miarroba.com


"Jose" escribió en el mensaje ...
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






Respuesta Responder a este mensaje
#3 Mariluz
27/02/2006 - 17:23 | Informe spam
Bien, en ese caso debes aplicar un estilo a la tabla y, en ubicación, elegir 50% del top... algo así:
style="position: relative; top: 50%" evidentemente esta línea de estilo debe estar dentro de <table ..
Suerte y coméntanos
Mariluz
http://zuliram.miarroba.com

"Jose" <micorreoes: escribió en el mensaje ...
Muchas gracias Mariluz, pero creo que no hace lo que quería (o puede que lo
haga mal), poniendo <div align="center"> lo que hace es centrar la tabla
horizontalmente en la página. Lo que quiero es que la centre verticalmente,
ya que horizontalmente lo consigo por medio de <table border="0"
style="margin-left:auto; margin-right:auto; margin-bottom:auto;
margin-top:auto" cellpadding="0"> (con esto dependiendo del tamaño de la
ventana del navegador la tabla siempre está centrada horizontalmente). Ahora
lo que quería es que se centrara también verticalmente y que dependiendo del
tamaño de la ventana del explorador siempre se situara en el centro de la
pantalla (tanto vertical como horizontalmente).

Un saludo

Jose


"Mariluz" escribió en el mensaje ...
> Hola, debes añadir el comando: <div align="center"> justo antes de...
> <table border="0" style="margin-left:auto;
> margin-right:auto;
>> margin-bottom:auto; margin-top:auto" cellpadding="0">
>
> Suerte y cuéntanos si te da resultado ¿vale?
> "Jose" escribió en el mensaje ...
>> 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
Respuesta Responder a este mensaje
#4 Mariluz
27/02/2006 - 18:07 | Informe spam
Otra cosa ¿no has mirado a insertar una capa y dentro de ella ubicar la tabla?... Porque esa es la forma más "segura" de que
aparezca donde tu la pones (sin entrar en resolución de monitores, que esa es otra...
Mariluz
http://zuliram.miarroba.com


"Mariluz" escribió en el mensaje ...
Bien, en ese caso debes aplicar un estilo a la tabla y, en ubicación, elegir 50% del top... algo así:
style="position: relative; top: 50%" evidentemente esta línea de estilo debe estar dentro de <table ..
Suerte y coméntanos

"Jose" <micorreoes: escribió en el mensaje ...
> Muchas gracias Mariluz, pero creo que no hace lo que quería (o puede que lo
> haga mal), poniendo <div align="center"> lo que hace es centrar la tabla
> horizontalmente en la página. Lo que quiero es que la centre verticalmente,
> ya que horizontalmente lo consigo por medio de <table border="0"
> style="margin-left:auto; margin-right:auto; margin-bottom:auto;
> margin-top:auto" cellpadding="0"> (con esto dependiendo del tamaño de la
> ventana del navegador la tabla siempre está centrada horizontalmente). Ahora
> lo que quería es que se centrara también verticalmente y que dependiendo del
> tamaño de la ventana del explorador siempre se situara en el centro de la
> pantalla (tanto vertical como horizontalmente).
>
> Un saludo
>
> Jose
>
>
> "Mariluz" escribió en el mensaje ...
> > Hola, debes añadir el comando: <div align="center"> justo antes de...
> > <table border="0" style="margin-left:auto;
> > margin-right:auto;
> >> margin-bottom:auto; margin-top:auto" cellpadding="0">
> >
> > Suerte y cuéntanos si te da resultado ¿vale?
> > "Jose" escribió en el mensaje ...
> >> 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


Respuesta Responder a este mensaje
#5 Jose
02/03/2006 - 17:19 | Informe spam
Muchas gracias, efectivamente con una capa es mucho más sencillo.

Gracias por todo.


"Mariluz" escribió en el mensaje
news:
Otra cosa ¿no has mirado a insertar una capa y dentro de ella ubicar
la tabla?... Porque esa es la forma más "segura" de que
aparezca donde tu la pones (sin entrar en resolución de monitores, que esa
es otra...
Mariluz
http://zuliram.miarroba.com


"Mariluz" escribió en el mensaje ...
Bien, en ese caso debes aplicar un estilo a la tabla y, en ubicación,
elegir 50% del top... algo así:
style="position: relative; top: 50%" evidentemente esta línea de
estilo debe estar dentro de <table ..
Suerte y coméntanos

"Jose" <micorreoes: escribió en el mensaje ...
> Muchas gracias Mariluz, pero creo que no hace lo que quería (o puede
> que lo
> haga mal), poniendo <div align="center"> lo que hace es centrar la
> tabla
> horizontalmente en la página. Lo que quiero es que la centre
> verticalmente,
> ya que horizontalmente lo consigo por medio de <table border="0"
> style="margin-left:auto; margin-right:auto; margin-bottom:auto;
> margin-top:auto" cellpadding="0"> (con esto dependiendo del tamaño de
> la
> ventana del navegador la tabla siempre está centrada horizontalmente).
> Ahora
> lo que quería es que se centrara también verticalmente y que
> dependiendo del
> tamaño de la ventana del explorador siempre se situara en el centro de
> la
> pantalla (tanto vertical como horizontalmente).
>
> Un saludo
>
> Jose
>
>
> "Mariluz" escribió en el mensaje ...
> > Hola, debes añadir el comando: <div align="center"> justo antes de...
> > <table border="0" style="margin-left:auto;
> > margin-right:auto;
> >> margin-bottom:auto; margin-top:auto" cellpadding="0">
> >
> > Suerte y cuéntanos si te da resultado ¿vale?
> > "Jose" escribió en el mensaje ...
> >> 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;
> >> />
> >> <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






email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida