La página que no se centraba...

ixMike · #1 12-11-2007

Buenas otra vez.

Tengo una tabla, la cual debe estar centrada. Dentro de ella, una columna con dos filas, arriba una imagen y abajo un texto. El texto debe ir alineado a parecer (por lo general a la izquierda, pero según qué párrafos también pueden ir centrados o la derecha).

Lo que sucede es que no logro combinar todas las premisas: si centro la tabla con div el texto se queda centrado, si intento centrar la tabla con align no se centra. ¿Qué falla?

Gracias.

Edito para exponer los ejemplos que he planteado antes:

DIV que centra en texto:

Código PHP:


			
<body>

<div align="center">

<table>
   <td>

   <tr><img src="imagen.jpg"></tr>

<tr>
<p align="left"> Bueno, aqu&#237; todo el texto </p>
</tr>
  
  </td>
</table>

</div>

</body>

Y la tabla que no se centra...

Código PHP:


			
<body>

<table align="center">
   <td>

   <tr><img src="imagen.jpg"></tr>

<tr>
<p align="left"> Bueno, aqu&#237; todo el texto </p>
</tr>
  
  </td>
</table>

</body>

¿Qué pasa aquí?

Mick · #2 13-11-2007

Como centrar una tabla o div en cualquier navegador moderno (para Internet explorer 5.5 o inferior habria que añadir alguna cosilla mas para que funcionase):

Código:

<table style="margin: 0px auto" >
....
</table>

o lo siguiente que viene a ser lo mismo:

Código:

<table style="margin-left: auto; margin-right:auto" >
....
</table>

aunque lo correcto es meter los estilos en un archivo css independiente o en la cabecera del html si la pagina es muuuy sencilllita, por ejemplo:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>titulo</title>
  <style>
   .mytabla {
     margin-left: auto;
     margin-right:auto;
     background-color: gray;
     border: 1px solid green;
   }
  </style>
</head>

<body>
  <table class="mytabla" >
  <tr> <td>a</td> <td>b</td> </tr>
  <tr> <td>c</td> <td>d</td> </tr>
  </table>
</body>

</html>

Saludos

ixMike · #3 13-11-2007

Muchísimas gracias, Mick.

Cita:

Empezado por Mick

aunque lo correcto es meter los estilos en un archivo css...

... si es que aún no los he dado (soy un completo novato

).

Saludos.

ixMike · #4 13-11-2007

He probado las dos primeres soluciones, pero no me funcionan en Firefox (en IE sí).

Tendré que aprender a usar los archivos CSS.

Salu2.

ixMike · #5 13-11-2007

Bueno, mientras me iniciaba con CSS (vaya, no es obligatorio usar archivos a parte, jeje) me he dado cuenta que el problema estaba en que la tabla no la tenía bien declarada: me pensaba que se ponían primero las columnas y después las filas

. Pobré a poner los bordes (tenía border="0") y me di cuenta que en Firefox aparecía una tabla mínima y centrada en la parte inferior de la página (debajo de todo lo que tenía metido).

El problema ya está solucionado.

Gracias de nuevo.

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
página web	kapullok_2006	Internet	1	09-04-2007 22:57:42
pie de página...	eli.vidal	Impresión	4	08-11-2005 20:03:26
Añadir el número de página al pie de página	Javi2	Servers	3	04-08-2005 18:15:36
Pagina web	Rabata	Varios	6	12-09-2004 15:22:30
Pagina N de M	Franklim	Impresión	0	14-04-2004 20:13:14