Div寬度在jQuery中創建時導致IE中的錯誤

Question

我在HTML/CSS/JQuery中創建一個日程安排/日曆視圖，以幫助我瞭解關於這三者的一些內容。

所以，如果你去....

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

...你可以看到這一切的開端。 「靜態」視圖就是這樣，「動態」視圖是使用jQuery創建的。

我現在面臨的問題是，「.caption」類的寬度似乎導致「.bar」div在IE中查看時消失？如果你看看谷歌瀏覽器應該沒問題。

正如您在示例中所看到的，它只發生在「動態」部分。

任何想法是什麼造成這種情況？

注意：如果我在IE中按F12並禁用寬度屬性，然後重新啓用它，那麼所有內容都會顯示爲它應該顯示的內容？爲什麼不加載？

Answer 1

頁面由於沒有定義DOCTYPE而在怪癖模式下呈現。

設置一個，使頁面呈現在標準模式。

它工作正常，我雖然靜態展示，然後一些問題（那是因爲你沒有爲寬度和位置確定一個單位，你應該量之後添加px，所以內嵌的寬度應該是100px，而不是100等。）