Test Foro de elhacker.net SMF 2.1

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 (css) [Seleccionar]
.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:

#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.
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 !