Error al centrar página

ricardomz · #1 (**permalink**) 08/10/2009, 14:22

Amigos,

Que tal?. Tengo una pregunta, he estado batallando mucho centrando esta página, en explorer se ve a la izquierda, en safari se ve en el centro, en fin.. regulamente lo hago con un div y automargin pero esta vez no se ajusta, ¿me pueden ayudar por favor?

El codigo es algo como esto:

Código:

<!-- [begin] -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta  name="description" content="MADER CENTER LA ASUNCION S.A. DE C.V."><link href="skins/default/en/style.css"  rel="stylesheet" type="text/css">
<title>MADER CENTER LA ASUNCION S.A DE C.V.  - </title>
<script src="http://www.madercenter.com.mx/sitio/skins/default/en/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
<body>
 
<div style="width:800px; margin-left:auto; margin-right:auto;" align="center">
  <table ....

aqui va el resto de mi contenido y finalmente cierro el div y el body de esta manera:

Código:

.... </table>
</div>
 
<map name="Map" id="Map"><area shape="rect" coords="78,142,145,159" href="http://www.madercenter.com.mx/sitio/cart.php?page=hagalo" />
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="78,142,144,160" href="http://www.madercenter.com.mx/sitio/cart.php?page=mader" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="79,142,144,159" href="http://www.madercenter.com.mx/sitio/cart.php?page=servicios" />
</map>
</body>
</html>

¿Me pueden ayudar por favor?

Muchas, muchas gracias y les mando un gran saludo!!

Mikmoro · #2 (**permalink**) 08/10/2009, 15:55

Es bastante probable que el error esté justo en lo que no muestras, en el contenido, porque con lo que se ve, eso se debe centrar sin problema.

ricardomz · #3 (**permalink**) 09/10/2009, 14:00

Podría ser que estoy cerrando el div mal verad?.. pues no sería otra cosa mas que eso, la verdad no le encuentro..

rachito · #4 (**permalink**) 09/10/2009, 15:33

para centar un div se usa la propiedad css margin: 0 auto, el porque se los dejo acuntinuación:
Como se sabe, el valor 0 auto significa que los márgenes superior e inferior son iguales a 0 y los márgenes laterales toman un valor de auto. Cuando se asignan márgenes laterales automáticos a un elemento, los navegadores centran ese elemento respecto de su elemento padre.

Mikmoro · #5 (**permalink**) 09/10/2009, 15:48

¿Y serviría esto que él ha puesto, aunque no sea lo más adecuado?

<div style="width:800px; margin-left:auto; margin-right:auto;">

kseso? · #6 (**permalink**) 09/10/2009, 15:52

Cita:

Iniciado por Mikmoro

¿Y serviría esto que él ha puesto, aunque no sea lo más adecuado?

<div style="width:800px; margin-left:auto; margin-right:auto;">

Siempre que sepa cuál es la diestra y "cuála" más diestra (o zurda, siniestra, izquierda...)