Div ширина, вызывающая ошибку в IE при создании в jQuery

Question

Я создаю представление расписания / календаря в HTML / CSS / JQuery, чтобы помочь мне узнать кое-что обо всех трех.

Итак, если вы перейдете к ....

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

... вы можете видеть начало всего этого.Представление «Статическое» - это как раз то, и представление «Динамическое» создается с использованием jQuery.

Проблема, с которой я сталкиваюсь в настоящий момент, заключается в том, что ширина класса «.caption», кажется, вызывает ".bar "divs исчезать при просмотре в IE?Если вы посмотрите в Google Chrome, все будет в порядке.

Как видно из примера, это происходит только в разделе «Динамический».

Есть идеи, что вызывает это?

Примечание: если я нажимаю F12 в IE и отключаю атрибут width, а затем снова включаю его, все выглядит так, как должно?Почему не при загрузке?

Answer 1

Страница отображается в режиме quirks , так как не определен DOCTYPE.

Установите его так, чтобы страница отображалась в режиме Стандарты .

Это работает нормально для меня, хотя статика показывает некоторые проблемы (, что происходит, потому что вы не определяете единицу измерения для ширины и позиции, вы должны добавить px после суммы, поэтому встроенныйширина должна быть 100px, а не 100 и т. д. )