15 noviembre 2007

Registrando problemas con IE - css

Estoy rediseñando el sitio web de la editorial. La versión anterior era totalmente en flash, pero para hacerla más accesible decidí realizarla en CSS y xhtml.

A partir de ahora este post servirá para registrar todos los problemitas que encuentre en el camino así como su posible solución.
Lo que sigue es el registro del día de ayer (14-nov)

Bien, como muchos estoy en constantes apuros cuando se trata de optimizar el xhtml para que se ves correctamente tanto en IE como en Firefox y otros que sí siguen los estándares.

Lo que quiero
Realizar una barra color rojo mediante 1 caja en CSS. Para esto he usado un archivo css independiente del xhtml (que es lo más recomendable) asi es que escribí:

En el CSS:
#menubarra{ position:absolute; background-color:#FF0000; top:100px; height:100px; z-index:10;}

En el XHTML:
<body>
<div id="menubarra">¿porque caraxo no sale?</div>
</body>

Lo que sucedió
Que solo se veía el texto pero de la caja roja nada de nada

Solución temporal (hasta nuevo aviso)
Coloque la línea de “menubarra” del documento CSS dentro el XHTML, es decir un CSS interno (cortar y pegar).

En el XHTML:
<head>
<style type="text/css">
#menubarra{ position:absolute; background-color:#FF0000; top:100px; height:100px; z-index:10;}
</style>

</head>

Gracias Internet Explorer por complicarme la existencia.
Si sabes de otra forma de solucionar esto, es decir para que el codigo esté en el archivo CSS independiente, avísame por favor. Mientras tanto seguiré googleando y claro preguntando en los foros.

Actualización (21 nov 2007)
Encontre la solución:

En un principio, antes de incluir la linea del css al mismo xhtml, mi documento css tenía esto:

/*--TODO MENÚ--*/

/*--botones Menú--*/
#menufondo{ position:absolute; width:741px; height:25px; background-color:#8AB7BC; z-index:5; margin-left:20px; top:112px; }

¿Sabes donde está el error (según IE)?
La gran pista: El error (según IE) está en esta línea: /*--botones Menú--*/

Ahora si la pregunta que te hará acreedor de una amburguesa Bembos de S/. 2.50: ¿cuál caracter y porqué es considerado un error para IE?

Tienes hasta hoy a las 7 pm para responder.

La respuesta mañana a las 9am...

Actualización (22 nov 2007)
Bueno se perdieron la hamburguesa, la respuesta es el maldit... bendito caracter con tilde: "ú"
Que irónico ni siquiera era algun tag sino lo del comentario. Para la próxima todo comentario sin tilde.


No hay comentarios.: