CSS en Internet Explorer me vuelve loco!!!

[rhp07]

Hola, estoy trabajando en una página personal y no logro entender qué está pasando con los navegadores. Todo funciona perfecto en el Firefox, Opera, Chrome.. pero en el Internet Explorer el diseño se desfasa por algún motivo que desconozco. Alguien me puede decir qué esta pasando ahí??

Mirad en ésta página:

[URL="http://www.apsidesafor.org/admin/index.php"]http://www.apsidesafor.org/admin/index.php[/URL]

Si la miras usando el navegador Firefox todo se ve tal y como tiene que ser. Pero cuando usas Internet Explorer (Incluido la última versión) Todo aparece a la izquierda, el footer que tiene tamaño de ancho 100% aparece apenas en un 10% de la página.. el login debería de estar centrado cuando aquí en éste caso se encuentra a la izquierda siguiendo una regla extraña, por que tampoco es que se encuentre a la izquierda del todo, sino que tiene un pequeño margen.

Enfin.. creo que el CSS me terminará por volver loco, pero bueno.. creo que hay que aprender de los fallos, y a mi aún me queda mucho por aprender.

Agradezco las respuestas. Un saludo.

[XxflezhaxX]

he visto unnos videos de unos cursos que me llegan a mi mail, de Jonathan Pineda, me imagino que mas de uno lo conoce.

lo que el haces es: crea su diseño, hace el codigo etc etc...
y waow de maravilla en firefox y al entrar en IE total desastre.

lo que el hace es dejar a un lado a firefox y empezar a meter atributos y valores en CSS y empezar a acomodar de tal manera que se vea bien en IE, empieza a quitar margin, align, cambia valores etc... y cuando todo queda bien en IE, pasa a firefox y en firefox se ve igual, y una vez ya, cero problemas por que en ambos navegadores se ve bien.

En IE siempre a sido el mismo problema amigo.
por lo que, hechale golpes al CSS que funcione con IE, una vez lo logres, no te preocupes por los demas, que igual funcionara =D

saludos.

[cristian_cena]

Hola rhp07, realiza los cambios para IE pero no en la misma hoja de estilos sino en otra a la que luego llamas con la etiqueta link, etiqueta que deberás anidar a un comentario condicional (el que necesites), de este modo tus cambios solo serán interpretados por IE.

Ah, resetear tus estilos te será ventajoso.

Saludos

[emal011]

<!--[if IE]-->
aqui va el css para IE
<![endif]-->

con eso solo corriges los desagravios que comete IE, no es nescesario volver a escribir otro css para IE, solo vuelves a escribir o corregir lo que IE malinterpreta...

[cristian_cena]

Iniciado por emal011

No es nescesario volver a escribir otro css para IE, solo vuelves a escribir o corregir lo que IE malinterpreta...

Hola emal011, por si acaso no me expliqué en mi post, si hacemos algo así, que a mi modo de ver a los fines organizativos es lo correcto:

Código:

<!--[if IE]>
<link rel="stylesheet" href="css/resetIE.css" />
<link rel="stylesheet" href="css/IE.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6.css" />
<![endif]-->

O simplemente algo así, como quien sale del paso:

Código:

<!--[if IE]>
<style type="text/css">
... estilos ...
</style>
<![endif]-->

Lo que hacemos es en definitiva crear estilos para IE, es cierto que en estos estilos van a ir las correcciones, puesto que IE seguirá tomando las hojas de estilos que tengamos creadas para todos los navegadores en general.

y IE8? lo transformamos en IE7 con esta linea
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

Al menos así trabajo yo, solo ocupándome de ie6 y 7, ya que el 7 y el 8 con la inclusión del metatag pasan a ser iguales.

Espero sea útil esta info, un saludo.