Foros del Web » Creando para Internet » CSS »

Hacs/Bugs Internet Explorer

Estas en el tema de Hacs/Bugs Internet Explorer en el foro de CSS en Foros del Web. Buenas, Llevo días peleándome con CSS para hacer mi primera página web y parece que me ha quedado bastante bien. Ha quedado bien con Firefox ...
  #1 (permalink)  
Antiguo 17/01/2009, 02:39
Avatar de cluster28  
Fecha de Ingreso: enero-2008
Ubicación: Donostia - San Sebastián
Mensajes: 756
Antigüedad: 16 años, 3 meses
Puntos: 32
Hacs/Bugs Internet Explorer

Buenas,

Llevo días peleándome con CSS para hacer mi primera página web y parece que me ha quedado bastante bien. Ha quedado bien con Firefox vamos, pero en Explorer sale hecho un churro. Cosa que esperaba lógicamente, pero cuando me he puesto manos a la obra en solucionar los problemas de visualización me he quedado sin saber cómo empezar. He mirado por internet como solucionar estos problemas pero no me entero de nada. Dicen que se puede usar .propiedad; _propiedad; ó //propiedad; pero me pierdo. También estoy intentado buscar las diferencias entre Firefox y Explorer en tema de visualización pero no encuentro nada. Habla del hasLayout que no acabo de entender qué es....

Alguién conoce alguna web dónde expliquen bien las diferencias entre los dos navegadores y cómo solucionarlo?

Por cierto, son bugs o hacks, o qué es cada cosa?

Gracias.

Última edición por cluster28; 17/01/2009 a las 03:02
  #2 (permalink)  
Antiguo 17/01/2009, 10:52
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 6 meses
Puntos: 83
Respuesta: Hacs/Bugs Internet Explorer

Saludos cluster28!!

Es interesante que te hayas topado con los problemas que IE da... todos en algun momento nos topamos y estuvimos a punto de tirar el ordenador por la ventana y salir a quemar las licencias de IE de cada tienda en tu país... si esta es tu situacion, Bienvenido al mundo de el diseño web!

Cita:
Llevo días peleándome con CSS para hacer mi primera página web
No odies a CSS, odia a IE

Cita:
Alguién conoce alguna web dónde expliquen bien las diferencias entre los dos navegadores y cómo solucionarlo?
Maestros del Web

En esta pagina, seguro encontraras cosas que te ayuden, solo que tendras que tener en cuenta que no todos los problemas que te surgan, estan en la web!

Algunas cosas tendras que hacerlas moviendo piezas y haciendo de todo para que funcione...

Te invito a que sigas adelante y no te desanimes ni te desesperes! sigue adelante y veras como en un futuro... IE sera pan comido!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 18/01/2009, 01:04
Avatar de cluster28  
Fecha de Ingreso: enero-2008
Ubicación: Donostia - San Sebastián
Mensajes: 756
Antigüedad: 16 años, 3 meses
Puntos: 32
Respuesta: Hacs/Bugs Internet Explorer

Gracias por la respuesta. Le echaré un vistazo a ver qué encuentro. Bastante tengo con aprender lo básico de CSS cómo para encima aprender a tapar agujeros para IE. Paciencia, no queda otra.
  #4 (permalink)  
Antiguo 18/01/2009, 04:40
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Hacs/Bugs Internet Explorer

bug: error de un navegador... por ejemplo, si tu pones que queres un borde de 1px de ancho y el navegador te lo hace de 2px, eso es un bug

hack: forma de usar un bug o una caracterísitca exclusiva de un navegador, para arreglar otro bug de ese navegaor. No son muy recomendables de usar porque (además de que afean y vuelven más complicado de manejar el código) al basarse en un error para arreglar otro error, se pueden dar casos que con las nuevas versiones del navegador el error en que se basaba el hack para funcionar, no funcione más (o viceversa)

hasLayout: esto es medio complicado de entender si no tenes mucha experiencia pero es la clave de la mayoría de los problemas de IE, aquí lo explican bastante bien... básicamente es una propiedad "invisible" que existe en los IE (y que se aplica a cada elemento de forma individual), que se puede "prender" con algunas propiedades de CSS... el problema con hasLayout es que hay algunas propiedades de CSS que no funcionan o funcionan de forma diferente si el hasLayout está "apagado"

Modo Quircks: principalmente existen 2 formas en las que un navegador puede interpretar el CSS/HTML. en modo estándar y en modo quircks (modo de retrocompatibilidad). El navegador usará uno u otro método según el doctype que uses (por ejemplo, si no usas doctype, todos los navegadores usarán quircks). Especialmente en IE 6 hay muchas diferencias (otra tabla comparativa) entre usar un modo u el otro, y hay muchos bugs que se activan si se usa el modo quircks.

Comentarios condicionales: a mi juicio son la mejor forma de solucionar los bugs del IE. Los CC permiten cargar un archivo css adicional solo a los navegadores IE que cumplan X condición... no se trata de duplicar el css, sino solo agregar un css con las diferencias o correciones que quieras hacerle al IE. De esa forma, si tienes 2 archivos css (general.css e ie.css) todos los navegadores te cargarán el general.css, pero el IE además de cargarte ese archivo, te va a cargar después el ie.css
Lo bueno de este método, además de que te permite tener el CSS mejor ordenado al poner todos los arreglos de bugs juntos y separados de tu css general, permite también de una forma fácil discriminar entre versiones de IE

Script IE7: es un javascript que arregla muchos de los bug de los IE 6 y 7, y añade soporte para algunas propiedades CSS que son muy útiles pero que no son soportadas de forma nativa por IE
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Última edición por webosiris; 18/01/2009 a las 05:02
  #5 (permalink)  
Antiguo 18/01/2009, 14:46
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 10 meses
Puntos: 28
Respuesta: Hacs/Bugs Internet Explorer

Muy buena info webosiris!.

Lastima que ya no te puedo añadir mas karma xD
__________________
Adivino del Foro y Admirador de Sabios
  #6 (permalink)  
Antiguo 18/01/2009, 18:40
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 15 años, 10 meses
Puntos: 351
Respuesta: Hacs/Bugs Internet Explorer

Gracias Webosiris.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #7 (permalink)  
Antiguo 19/01/2009, 05:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Hacs/Bugs Internet Explorer

Buena información que sería bueno tener siempre a mano. ¿En las FAQ, quizá?

Gracias, webosiris
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 19/01/2009, 09:09
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 18 años, 5 meses
Puntos: 12
Respuesta: Hacs/Bugs Internet Explorer

Excelente aportación webosiris
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #9 (permalink)  
Antiguo 19/01/2009, 15:15
Avatar de poison_mayer  
Fecha de Ingreso: julio-2008
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 2
Respuesta: Hacs/Bugs Internet Explorer

Un gran aporte muxas gracias siempre se agradece tan buena información
__________________
longtemps je me suis couché de bonne heure
  #10 (permalink)  
Antiguo 23/02/2009, 03:00
 
Fecha de Ingreso: febrero-2009
Mensajes: 7
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Hacs/Bugs Internet Explorer

webosiris te amo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 05:09.