XHTML:Centrar tabla

dominguez · #1 (**permalink**) 21/03/2005, 14:37

Hola,

no hay manera de centrar una tabla en xhtml porque el validador no acepta el campo align verdad??

Quiero poner un formulario y sin remedio me quedará descentrado no?

Un saludo.

Mickel · #2 (**permalink**) 21/03/2005, 14:52

el objeto div si tiene una propiedad align

dominguez · #3 (**permalink**) 21/03/2005, 15:08

El validador tampoco permite ese atributo para div en xhtml.

xp64 · #4 (**permalink**) 21/03/2005, 15:22

para que quede centrada la capa es

<div style="margin:auto">

dominguez · #5 (**permalink**) 21/03/2005, 15:34

Lo pongo asi:

<div style="margin:auto"><form id="form1" method="post" action="">
<table width="200" border="1">
...
</table>
</form></div>

y no me lo centra.

Remo:Erdosain · #6 (**permalink**) 21/03/2005, 15:39

DIV tiene que tener definido un ancho.

Código:

div {width:600px;margin:auto;}

dominguez · #7 (**permalink**) 21/03/2005, 15:47

Ahora lo he puesto asi:

<div ><form id="form1" method="post" action="">
<table width="200" border="1">
...
</table>
</form></div>

y luego en la hoja de estilo:

div {width:600px;margin:auto;}

y sigue sin centrarlo.

Remo:Erdosain · #8 (**permalink**) 21/03/2005, 17:50

1 dolar a que estás probandolo en IE.
Te falta el DTD

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

dominguez · #9 (**permalink**) 22/03/2005, 12:13

Sí lo estoy probando en IE, pero no me falta eso. Le tengo puesto:

<?php echo '<?xml version="1.0" encoding="UTF-8"?>' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
...

kemie · #10 (**permalink**) 22/03/2005, 12:40

creo que lo que quieres es algo asi:

div {width:600px;margin:auto; text-align:center}
div form{margin:auto; text-align:left;}

dominguez · #11 (**permalink**) 22/03/2005, 12:55

Lo que tu has puesto tampoco me ha centrado la tabla, pero modificandolo sí he conseguido centrar en horizontal la tabla, aquí pongo el código por si le hace falta a alguien:

div {
text-align:center
}

kemie · #12 (**permalink**) 22/03/2005, 14:06

jeje, debi de haber puesto
div {width:600px;margin:auto; text-align:center}
div table{margin:auto; text-align:left;}

dominguez · #13 (**permalink**) 22/03/2005, 14:16

Parece ser que de todo lo q pones lo único q hace efecto es:

div {
text-align:center;
}

y sólo lo centra en horizontal, en vertical todavia no lo he conseguido.

Remo:Erdosain · #14 (**permalink**) 22/03/2005, 15:20

¿Alguna razón en particular para estar agregando esto?

Código:

<?xml version="1.0" encoding="UTF-8"?>

Proba borrarlo y listo :).

Sí, sé porque está ahi, pero les recuerdo que no es necesario y sólo trae problemas.

programeitor · #15 (**permalink**) 22/03/2005, 15:55

kemie · #16 (**permalink**) 23/03/2005, 01:43

el text-align:center te sirve en ie, pero para mozilla/firefox necesitas el margin:auto.