Incompatibilidad

Estoy creando una página acorde a los lineamientos establecidos por la W3C, sin embargo sólo tiene buena visibilidad en Internet explorer pero en...

La FAQ Incompatibilidad tiene

Pertenece a la categoría:

Pregunta
Estoy creando una página acorde a los lineamientos establecidos por la W3C, sin embargo sólo tiene buena visibilidad en Internet explorer pero en Firefox no.

Me gustaría me auxiliarán en como resolver estas situaciones:

1.- Cómo puedo hacer que el menú ocupe el mismo ancho que el resto de la página

2.- Cómo puedo hacer que la CSS sea compatible con Firefox.


P.S. He intentado N veces desde el 16 de Agosto que se vea adecuadamente en Firefox, pero me he dado por vencido; agradeceré el apoyo.

Esta es la URI: http://www.nutriologos.org/prueba.php


Respuesta de Ana
Puedes crear dos hojas de estilo con los mismos estilos pero diferentes parametros y al cargar la pagina averiguar que navegador esta corriendo y utilizar una o otra pagina....

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios
Fue enviado 1 comentario a la faq
1 comentario revisado:

Moi_85
Consejos sobre CSS
05/8/09
Te voy a dar unos consejos para que tu CSS funcione:

1º Utiliza un reset, eso puede ser la causa de que esa web no se vea bien en diferentes navegadores, ej: http://www.anieto2k.com/2007/08/07/reseteando-estilos-css/ , con eso solucionas los márgenes y demás que ponen por defecto cada navegador, y así se verá igual en todos los navegadores...


2º.. .. en todos menos el explorer, verás que utilizando un reset y siguiendo los estándares, esa web se verá igual en todos los navegadores (firefox, safari, chrome, opera, etc.) menos el explorer (aunque si es un diseño simple, quizás si se vea bien), para ello como ya han dicho, puedes averiguar que navegador utiliza, o utilizar los "comentarios del IE" (no se como se llaman realmente) para que cuando alguien utiliza el IE cargue ese CSS adicional.

Mira este ejmplo de esta web http://www.hornosanagustin.uni.cc , verás que tiene en el head:

<!--[if lte IE 8]><link href="./css/hsa_explorer.css" rel="stylesheet" type="text/css"/> <![endif]-->

De esta manera, si el usuario está utilizando el IE8 o uno inferior, se carga ese CSS, pero para el resto de navegadores es un simple comentario


3º Ten en cuenta que el Explorer no admite los tags de HTML5 y los efectos de CSS3, así que si utilizas transparencias, necesitaras luego en el CSS del explorer poner una alternativa sin trasnparencia, por ejemplo, y si utilzas HTML5, no podrás utilizar de selector "article > p" por ejemplo, necesitarás repetir ese CSS en el del explorer pero llamándolo de otra manera (ej: con un div con una clase que has creado con el "comentario del Explorer"), o utilizar otro selector en el principal.

Esto que estoy comentando, es lo que más me ha mareado con la web que he puesto arriba, quería practicar HTML5 y CSS3, así que hice una web con transparencias y demás, pero luego fue un quebradero de cabeza dejar algo medio decente para el explorer... .. (y aún así se ve de pena con el explorer.. ...)

4º Prueba tu web con más navegadores, que mínimo que con el Safari que es muy utilizado, y no pases de navegadores como el Crhome que su uso está subiendo mucho.

Y si quieres probar las versiones antiguas del IE, bájate IEtester (es una aplicación grauita)

Volver al árbol de categoríasVolver al árbol de categorías
Alojados en el grupo