Centrar tablas

vihedo55 · 26 Jun 2007, 02:41 · Solicitar retirada

Hola a todos soy nuevo en la creacion de paginas web y empiezo de cero, ya he completado las lecciones de la página.
Mi duda es como puedo centrar en la página las tablas que tengo, de manera que a los lados me quede el fondo que tengo y en el centro, las tablas con el contenido. Consigo centrarlas pero no me quedan a la misma altura.

Gracias de antemano y enhorabuena por la pagina y por este foro en el que tan solo leyendo un poquito ya he conseguido solucionar muchas dudas.

Un saludo a tod@s

JorGens · 26 Jun 2007, 10:53 · Solicitar retirada

Abre tu hoja de estilos y añade esto:

BODY { ....lo que ya tengas más..... text-align: center }

Con esto, le estamos diciendo que ponga TODO centrado.
En la página html, escribe esto justo después de la línea <BODY>

<div id="contenido">

Y justo antes de </BODY> escribe esta línea:

</div>

Con esto, hemos creado una capa o DIV que engloba a todo el contenido de la web y le hemos dado el nombre de "contenido". Ahora solo falta darle propiedades en la hoja de estilos.
Ahora, en la hoja de estilos escribe esto también:

#contenido {width: 800px; margin: 4px auto ; }

Con esto, le decimos que la capa "contenido" ha de tener un ancho de 800px (lo normal para no tener problemas) y que deje un margen de 4px por encima y por debajo (esto suele quedar bien) y un margen a los lados automático en función del tamaño de la ventana del navegador del usuario, que además ha de ser igual por la izquierda y por la derecha, es decir... centrado.

Y listo. Si no te sale o tienes alguna duda dínoslo.

Un saludete! :wink:

vihedo55 · 26 Jun 2007, 17:17 · Solicitar retirada

Muchas gracias, con lo que me has dicho ha quedado perfecto y ademas queda bastante bien.
Habia leido en algun otro apartado del foro que la gente preferia hacer una tabla 1x1 y meter toda la página en esa tabla para conseguir centrarlo, es tambien buena solucion o no??????

JorGens · 27 Jun 2007, 01:27 · Solicitar retirada

Funcionar funciona, pero cuantas menos tablas uses mejor. No es lo mejor. Todos hemos empezado haciendo webs son simples párrafos. luego hemos descubierto las tablas y nos han ayudado mucho a estructurar nuestras webs y hemos desehcado el uso de DIVs o Capas por creer que eran muy complicadas, pero en cuanto coges nivel (y encuentras un foro como este donde te ayudan :roll: ) te das cuenta de que los DIVs no son tan complicados y que te permiten mucho mas que las tablas.

Además, el código de las tablas no es facilmente leido por los buscadores mientras que los DIVs les suele agradar, asi que... DIVs antes que tablas , pero siempre acompañados de CSS.

Estes empezando o no, dedicaros solo a HTML y CSS e intentar estructurar las webs solo con capas o DIVS. Es un consejo de CCTW! :wink:

vihedo55 · 27 Jun 2007, 03:14 · Solicitar retirada

Pues muchas gracias, estoy empezando y de momento uso lo que me comentas html y css, lo de las capas tendre que ir aprendiendo porque ya veo que es de utilidad y me imagino que sera similar a las capas usadas en los programas de edicion de imagenes.

Un saludo y gracias por vuestra ayuda que hace que me interese mas por este mundillo.