El ancho de div causa un error en IE cuando se crea en jQuery

Estoy creando una vista de horario / calendario en HTML / CSS / JQuery para ayudarme a aprender algunas cosas sobre los tres.

Entonces, si vas a ...

http://handtomouthmusic.co.uk/Test.html

... puedes ver los inicios de todo. La vista "Estática" es solo eso, y la vista "Dinámica" se crea usando jQuery.

El problema al que me enfrento en este momento es que el ancho en la clase ".caption" parece estar causando que los divs ".bar" desaparezcan cuando se ven en IE. Si miras en Google Chrome, debería estar bien.

Como puede ver en el ejemplo, solo ocurre en la sección "Dinámico".

¿Alguna idea de lo que está causando esto?

Nota: Si presiono F12 en IE y deshabilito el atributo de ancho, luego lo vuelvo a habilitar, ¿todo aparece como debería? ¿Por qué no cuando está cargado?

preguntado el 16 de mayo de 11 a las 20:05

Estos son datos tabulares. ¿Por qué usó divs y no usó la etiqueta de tabla? -

1 Respuestas

La página se renderiza en peculiaridades modo porque no hay DOCTYPE definido.

Configure uno para que la página se muestre en Patrones modo.

Funciona bien para mí, aunque la estática muestra algunos problemas entonces (que sucede porque no define una unidad para los anchos y posiciones, debe agregar px después de la cantidad, por lo que los anchos en línea deben ser 100px y no 100 etc ..)

contestado el 17 de mayo de 11 a las 00:05

¡¡Magnífico!! Muchas gracias por tu ayuda. - ETFairfax

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.