CSS funcional con Internet Explorer, ayuda !

Diabliyo · 21 Septiembre 2010, 19:33 PM

Buenas.

Tengo una aplicacion web que funciona perfectamente en Firefox, lo que es el aspecto visual va como debe ser, pero cuando accedo a la aplicacion web mediante internet explorer las cosas van mal

, el aspecto visual se pierde

....

Ya intente utilizar el JS de Dean Edwards (baje de aqui) que segun es para que internet explorer se comporte como un navegador que obedece el estandar CSS, pero no funciona aun asi

...

Este es el estilo.css y aqui les dejo unas pantallas de como se pierden los estilos:

Sitio con Firefox [Ver Imagen]
Sitio con I.E 8 [Ver Imagen]

Alguna idea ?

Nakp · 21 Septiembre 2010, 23:52 PM

imagino que centras con

Código (css) [Seleccionar]

.main { width:100%; padding:0; margin:0 auto; }

cual es el DTD del archivo?

-=[ §ÂßÂÑÐØ ]=- · 22 Septiembre 2010, 00:03 AM

Y poniendo en el body un align : center???

O en toda la estructura dentro del body del html
<body>
<center>
..........
tu web
........
..........
</center>
</body>

Nakp · 22 Septiembre 2010, 00:16 AM

prefiero estas

http://www.maxdesign.com.au/articles/center/

any · 22 Septiembre 2010, 00:48 AM

Diabliyo · 22 Septiembre 2010, 18:51 PM

bug_over muchisimas gracias por tu recomendacion, pero en este caso solo guardare tu CSS Style para otra ocacion, ya que este software esta finalizado y es demasiado grande como para andarle moviendo a los styles tan drasticamente.

-=[ §ßÑÐØ ]=- , si pongo el align="center" en la etiqueta <BODY> simplemente no sucede algo, pero si la pongo en el Identificador body (#body), dentro del <DIV id="body" align="center">, el texto se centra, pero no se esta respetando el ANCHO (width) de la caja

.

Nakp, si y no.... porque, en este caso en particular, BASANDONOS en la captura de pantalla que les puse en el primer post, los styles que se involucran son:

Código [Seleccionar]

#swf_logo{...}
#bg{..}
#bg_top{..}
#body{..}
#recuperar_datos_usuario{..}

Y la clase .main (que mencionas) la utilizo cuando algun usuario ACCESO al sitio una vez logeado.

A continuacion les dejo el codigo HTML/PHP (Ver Codigo) de las capturas de pantalla que les puse (se las vuelvo a dar), para que observen que los 5 styles que les mencione arriba son las que se involucran y de esta forma les ahorro ver TODO el codigo del styles CSS que utilizo (Ver Style CSS).

Sitio con Firefox [Ver Imagen]
Sitio con I.E 8 [Ver Imagen]

------ EDITADO -------

He puesto text-align:center; en el style para body dentro de mi css.

Código [Seleccionar]

body {margin:auto;padding:0;width:100%;text-align:center;}

Y se ha centrado todo, pero al acceder al sitio (pasar el login), todo el texto sin importar su posicion, se centra

.... eso ya no va bien entonces :S

Diabliyo · 22 Septiembre 2010, 19:17 PM

bug_over ... me salvaste la vida men

...

Aplique text-align:center; en el BODY (tag html dentro del style css) y text-align:left; dentro del style donde se muestra el contenido del sitio y pie, Ahora todo va de maravilla !

Tu code me sirvio mucho, gracias !

Saludos !