CSS e IE 5

JUMASOL · #1 (**permalink**) 23/02/2007, 12:00

Hola a todos:

¿Me podríais decir una cosa?

Tengo una página centrada que se ofrece como tal en pantalla en las versiones 7 y 6 de IE. No obstante, se ve a la izquiera de la versión 5.5.

El código sería:

#a {
POSITION: relative;
MARGIN: 0px auto;
WIDTH: 769px;
HEIGHT: 1062px;
}

Donde a sería el Div que engloba todo el contenido de la web.

¿Qué puedo hacer para centrarlo en IE 5.5?

Esperando vuestra respuesta, un saludo,

webosiris · #2 (**permalink**) 23/02/2007, 12:46

yo ya no tengo en cuenta al IE 5... es algo muy viejo y con demasiadas fallas... la inversión de tiempo y dinero para hacer algo que se vea bien en ese navegador no vale la pena, ademas su % de uso es microscópico.

Mikmoro · #3 (**permalink**) 23/02/2007, 13:01

Pudiera ser con un.

body {
text-align: center;
}

y luego:

#a {
POSITION: relative;
MARGIN: 0px auto;
WIDTH: 769px;
HEIGHT: 1062px;
text-align: left;
}

No sé si funcionará. Ya contarás.

Mikel.

JUMASOL · #4 (**permalink**) 23/02/2007, 13:03

Lo que dices no puede funcionar, porque haría que todo el texto interior del div "a" se formase centrado y lo que queremos centrar es el propio div con todo su contenido.

Mikmoro · #5 (**permalink**) 23/02/2007, 13:53

Cita:

Iniciado por JUMASOL

Lo que dices no puede funcionar, porque haría que todo el texto interior del div "a" se formase centrado y lo que queremos centrar es el propio div con todo su contenido.

Bueno, seguramente no te has fijado, pero aquí:

#a {
POSITION: relative;
MARGIN: 0px auto;
WIDTH: 769px;
HEIGHT: 1062px;
text-align: left;
}

había añadido esa línea precisamente para eso, para que el texto se vuelva a alinear a la izquierda.

Y, no sé si lo has probado, pero eso funciona perfectamente en IE6; de hecho, algunas veces es la única forma de centrar toda la página (bajo determinadas circunstancias). No te lo he dicho seguro porque no lo puedo probar, pero si tú puedes, pruébalo, a ver si funciona como en el 6.

Mikel.

Mikmoro · #6 (**permalink**) 23/02/2007, 14:08

Bueno, ya he podido probarlo y efectivamente, este código funciona perfectamente en explorer 5.5:

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>Explorer 5.5</title>
  <style type="text/css">
body {
text-align: center;
}
#a { margin: 0px auto;
position: relative;
width: 769px;
height: 1062px;
background-color: rgb(255, 204, 255);
text-align: left;
}
  </style>
</head>
<body>
<div id="a">
<p>Este texto debe estar alineado a la izquierda</p>
</div>
</body>
</html>

Puedes verlo en este pantallazo:

Mikel.

Mikmoro · #7 (**permalink**) 23/02/2007, 17:59

Y ya de paso voy a comentar de donde sale la captura, aunque mucha gente ya lo sepa:
casualmente, hace un par de días me instale una extensión de Firefox llamada "Total validator". Sirve para unas cuantas cosas, y entre ellas, para que desde un servidor te devuelvan en un par de minutos capturas de una página en una montonera de navegadores, entre ellos explorer 5.5.

De repente hoy me he acordado de que podía hacer eso y de ahí sale esa captura, que como se puede ver no lleva el interfaz del explorer por cómo está generada, pero espero que sea bien fiable.

Mikel.

JUMASOL · #8 (**permalink**) 26/02/2007, 12:23

Gracias Mikmoro:

Lo cierto es que mi contestación fue precipitada y una tontería en realidad, ya que aunque el texto se centrar en principio, después, aparte del Text-Aling: left que indicas, ya se corregiría en cada div correspondiente.

Ya te digo, una contestación tonta, y tenías razón.

Mikmoro · #9 (**permalink**) 26/02/2007, 12:41

No te preocupes. Ya me pareció que estabas un poco desesperado con el asunto. De paso aproveché para ponerte la herramienta con la que conseguí la captura. Como veo que al parecer tienes que diseñar cosas para navegadores antiguos, supongo que te puede ser muy útil.

Hasta la vista.

Mikel.