Diversos problemas en IE

[fdez87]

Buenas!

Soy novato en este mundillo, y he creado mi primera web, la cual, tanto en Safari como Chrome como IE9 la veo como he diseñado, sin embargo, recibo muchas quejas de gente que con IE en versiones anteriores tiene muchos fallos, como puedo saber cuales son y como arreglarlos?

La web es www.fecc.es , un saludo!

[Oscar_Hidro]

Hola fdez87, la forma de saber que errores se generan en ie, es viendo tu web desde el navegador de ie en versiones 6, 7 y 8.

Sabiendo los errores que se muestran, sabremos que hay que corregir y como hay que corregir

[ArturoGallegos]

deberías empezar por usar correctamente tu html y validarlo

por ejemplo usas mucho esto <!END FOOT3 !> cosa que no es valida los comentarios deben ser <!-- END FOOT3 -->

mira nomas checate los errores que hacen no se vea correctamente tu sitio
http://validator.w3.org/check?uri=ht...Inline&group=0

corrige eso, si sigues teniendo problemas ven y pregúntanos por el caso en particular que te presente

[fdez87]

Lo estoy intentando poco a poco, pero hay cosas de variables y jquery que no puedo corregir... :(

Mañana seguiré a ver que puedo hacer

Otra cosa, es viable hacer un CSS solo para IE? He probado, pero se salta el css y carga el normal!

[ArturoGallegos]

si es viable con comentarios condicionales para IE, pero es mejor dejarlo para errores puntuales que de plano no logras corregir.

aquí puedes ver como se usan los comentarios condicionales
http://www.quirksmode.org/css/condcom.html
en tu caso úsalos para cargar un CSS adicional que corrija los errores, pero intenta arreglar todo sin esto.

[fdez87]

Ya arregle el código, de cerca de 80 errores que daba ya los he solucionado, voy ahora con lo del IE, que me aconsejais, una hoja de estilos nueva?

[xinak0]

Hola,
puedes meterle hacks al propio css

para IE puedes hacerlo así:
#nombreDeTuDiv{
color: #fff; /*El texto genérico saldrá en blanco si no se dice lo contrario*/
color: #000/9; /*En IE el color será negro*/
}

Para chrome puedes hacerlo así:

@media screen and (-webkit-min-device-pixel-ratio:0) {
#nombreDeTuDiv {
color: red; /*En Chrome el color será rojo*/
}
}


Y lo que se muestra aquí con el color puedes hacerlo con cualquier propiedad

Un saludo, espero que te sirva por lo menos para futuros problems

[dontexplain]

La comunidad de programadores y diseñadores deberíamos boicotear al IE en cualquiera de sus versiones, simplemente redirigir al usuario al detectarlo ( no mediante el useragent desde luego). Forzar al usuario a cambiar de navegador.

[ArturoGallegos]

@xinak0 pesima idea usar hacks exclusivos para determinado navegador esta mal visto refleja que no sabe lo que hace, es un mal maquetador y pa rematar el codigo no valida

si surge tanta la necesidad de usar algo esclusivamente para IE se pueden usar los comentarios que antes mencione para cargar una nueva hoja CSS con aquellas reglas que necesitan sobreescribirse, obviamente sera una o dos y no toda una hoja nueva.

@dontexplain jeje en ese caso abria que boicotear muchos otros navegadores, en varias plataformas no solo windows, lo mejor es estudiar y maquetar correctamente tu sitio, si tienes buen estilo de maquetacion y un codigo valido en el 99% de las veces no tendras problemas.

[dontexplain]

Iniciado por Ag666

@xinak0 pesima idea usar hacks exclusivos para determinado navegador esta mal visto refleja que no sabe lo que hace, es un mal maquetador y pa rematar el codigo no valida

si surge tanta la necesidad de usar algo esclusivamente para IE se pueden usar los comentarios que antes mencione para cargar una nueva hoja CSS con aquellas reglas que necesitan sobreescribirse, obviamente sera una o dos y no toda una hoja nueva.

@dontexplain jeje en ese caso abria que boicotear muchos otros navegadores, en varias plataformas no solo windows, lo mejor es estudiar y maquetar correctamente tu sitio, si tienes buen estilo de maquetacion y un codigo valido en el 99% de las veces no tendras problemas.

IE siempre va por su propio camino, Microsoft jamás aprenderá a respetar las convenciones por más que trate de demostrar lo contrario. Dar soporte a IE es perder el tiempo; es un navegador que siempre funciona mal, interpreta el code como quiere, tiene fallas de seguridad, etc.

[ArturoGallegos]

mmm quizas soy un ignorante asi que ilustrame con tu sabiduria, mensioname que navegador respeta las normas y estandares?

recuerdame que porcentaje de usuarios usan IE?

cuantos de estos usarios estarian dispuestos a cambiar nomas porque nosotros lo decimos?

aparte los navegadores funcional mal en ciertas cosas y nosotros la jodemos mas al no crear sitios correctamente

aria mas preguntas pero de por si ya desvirtue el tema de la consulta inicial ñ.ñ

[dontexplain]

Iniciado por Ag666

mmm quizas soy un ignorante asi que ilustrame con tu sabiduria, mensioname que navegador respeta las normas y estandares?

recuerdame que porcentaje de usuarios usan IE?

cuantos de estos usarios estarian dispuestos a cambiar nomas porque nosotros lo decimos?

aria mas preguntas pero de por si ya desvirtue el tema de la consulta inicial ñ.ñ

Según las estadísticas de W3CSchools, el porcentaje en su web ronda actualmente el 18%.

Un saludo.

[Gothgauss]

Bueno un primer consejo que te doy es que metas todo el contenido de la web en un div contenedor, al que le des una anchura máxima de 986px y que lo centres (usando margin:auto en el div contenedor y text-align center en el body)

Luego crea diferentes divs con anchura width:100% para las distintas partes, como la cabecera, el cuerpo y el pie, y sigas haciendo poco a poco así

Si lo vas haciendo así no vas a necesitar ningún tipo de hack para conseguir que la página quede bien, sin parches.

[Oscar_Hidro]

Te recomiendo también entrar en el mundo de HTML5 y Responsive Web Design. El HTML5 son una serie de estándares de maquetación, pensado precisamente para evitar este tipo de situaciones de que si corre en un navegador y en otros no.

Por otro lado el responsive design es una técnica de maquetación donde se podrá ver con el mismo tamaño desde cualquier resolución.

Son técnicas muy interesantes, fáciles de aprender y muy potentes para evitar todo este tipo de situaciones.