Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Diabliyo en 21 Septiembre 2010, 19:33 pm



Título: CSS funcional con Internet Explorer, ayuda !
Publicado por: Diabliyo en 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 (http://code.google.com/p/ie7-js/downloads/list)) 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 (http://pastebin.com/RzrwnGSj) y aqui les dejo unas pantallas de como se pierden los estilos:

Sitio con Firefox [Ver Imagen (http://i55.tinypic.com/21bq6if.jpg)]
Sitio con I.E 8 [Ver Imagen (http://i53.tinypic.com/zivmmt.jpg)]

Alguna idea ?


Título: Re: CSS funcional con Internet Explorer, ayuda !
Publicado por: Nakp en 21 Septiembre 2010, 23:52 pm
imagino que centras con

Código
  1. .main { width:100%; padding:0; margin:0 auto; }

cual es el DTD del archivo?


Título: Re: CSS funcional con Internet Explorer, ayuda !
Publicado por: -=[ §ÂßÂÑÐØ ]=- en 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>


Título: Re: CSS funcional con Internet Explorer, ayuda !
Publicado por: Nakp en 22 Septiembre 2010, 00:16 am
prefiero estas

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


Título: Any
Publicado por: any en 22 Septiembre 2010, 00:48 am
 >:(


Título: Re: CSS funcional con Internet Explorer, ayuda !
Publicado por: Diabliyo en 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:
#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 (http://pastebin.com/pUQDzkPy)) 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 (http://pastebin.com/RzrwnGSj)).

Sitio con Firefox [Ver Imagen (http://i55.tinypic.com/21bq6if.jpg)]
Sitio con I.E 8 [Ver Imagen (http://i53.tinypic.com/zivmmt.jpg)]


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

He puesto text-align:center; en el style para body dentro de mi css.
Código:
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




Título: Re: CSS funcional con Internet Explorer, ayuda !
Publicado por: Diabliyo en 22 Septiembre 2010, 19:17 pm
bug_over ... me salvaste la vida men :D...

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 !