Ver Mensaje Individual
  #12 (permalink)  
Antiguo 04/12/2005, 09:08
Avatar de tunait
tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Cita:
Iniciado por Caroline_
Hola Tunait:

Gracias por tu respuesta; pero el problema que tengo, como digo KnowDemon es que tengo las "cosas colocadas absolutamente no hay forma de centrarlas". (Probé tu codigo antes o alguno parecido pero nada)
Hola Caroline_

Es que no necesitas centrar los elementos posicionados en forma absoluta, lo que necesitas es que los elementos posicionados en forma absoluta mantengan su posición con respecto a un contenedor, tanto si el contenedor se encuentra a la izquierda, como a la derecha como centrado. De forma que sí puedes lograr que esos elementos posicionados en forma absoluta se trasladen con el contenedor centrado manteniendo su posición relativa a ese contenedor.



Cita:
Y otra cosa, no entiendo eso de:
"Además agrega a tu documento un dtd de xhtml para que en explorer se comporte igual"
Entonces no has probado exactamente lo que te propuse. Te dejé un ejemplo del código, míralo bien.

Un dtd es un elemento que se encuentra en la primera línea de un documento que indica al navegador el lenguaje y versión que se utiliza. Para que explorer comprenda que debe centrar tu contenedor principal en la forma que te propongo debes indicarle que renderice tu documento como xhtml1.0 transicional.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Substituye además tu tag de html por este otro
Código:
<html xmlns="http://www.w3.org/1999/xhtml">

... e inserta el div tal y como te indiqué en mi mensaje anterior de forma que te quede así

Código:
<!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>
<title> t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div style="width: 780px; position: relative; margin-left: auto; margin-right: auto;">
...aquí el resto de tus contenidos actuales

</div>

</body>
</html>
Debes fijarte en lo que dejo en negritas.

Más claro no te lo puedo explicar.

Un saludo