Foros del Web » Creando para Internet » HTML »

Error al centrar página

Estas en el tema de Error al centrar página en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/10/2009, 15:22
 
Fecha de Ingreso: junio-2005
Ubicación: Edo. Mex
Mensajes: 725
Antigüedad: 12 años, 6 meses
Puntos: 5
Pregunta Error al centrar página

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!!
  #2 (permalink)  
Antiguo 08/10/2009, 16:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Error al centrar página

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 09/10/2009, 15:00
 
Fecha de Ingreso: junio-2005
Ubicación: Edo. Mex
Mensajes: 725
Antigüedad: 12 años, 6 meses
Puntos: 5
Respuesta: Error al centrar página

Podría ser que estoy cerrando el div mal verad?.. pues no sería otra cosa mas que eso, la verdad no le encuentro..
  #4 (permalink)  
Antiguo 09/10/2009, 16:33
 
Fecha de Ingreso: julio-2006
Mensajes: 56
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Error al centrar página

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.
  #5 (permalink)  
Antiguo 09/10/2009, 16:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Error al centrar página

¿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;">
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 09/10/2009, 16:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Error al centrar página

Cita:
Iniciado por Mikmoro Ver Mensaje
¿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...)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:55.