2011-01-31 170 views
0

我被卡住了。我從來沒有做過下拉菜單,但想嘗試在我正在工作的網站上,所以我導入了別人的java和css代碼,並在Firefox中運行得很好。問題是,下拉菜單在IE中出現在右邊。下拉菜單在IE中無法正常工作 - 右拍攝

我已經爲IE創建了一個單獨的樣式表,但是我一直無法弄清楚要改正這個問題。

這裏的網站: http://www.erricksonequipment.com

中有,因爲它是從網上例子導入的樣式表中有很多多餘的廢話。也就是說,那裏可能存在一些問題,即阻止正確閱讀?我不確定..我是新來的這個java/css下拉菜單的東西! :)

任何幫助將非常感激。

+0

我相信你的問題不是關於java。這可能是關於JavaScript + HTML + CSS。所以我重新標記它,讓更多相關的人看到你的問題。 – AlexR 2011-01-31 20:34:45

回答

0

使用'em'作爲測量單位時要小心。 1'em'的大小與瀏覽器中設置的默認字體大小有關(或者如果您定義它,則在CSS中)。默認情況下,Firefox和Internet Explorer的這些字體大小不同。我推薦使用像素代替,但如果你使用「時間」設置,只是一定要通過做這樣的事情在你的CSS添加一個新的默認字體大小:

html { font-size: 16px; }

通過標準化整個瀏覽器的默認字體大小,您在Firefox或Internet Explorer中看不到任何區別。

+0

嗯...玩過這個,但這並不能解決IE上的貼裝問題。 – zinniacity 2011-02-01 00:10:30

1

您用於下拉菜單的腳本是不是很好。另外,很有可能使用CSS創建整個下拉菜單,而不使用任何JS。

在當前狀態下的下拉菜單在IE7或IE8中不起作用。

在 「修理你的問題」 的精神:

將在IE8(和Firefox等),如果你改變203線工作,dropdownMenuKeyboard.js從這個:

 ? (isie ? li.offsetLeft + 'px' : 'auto') 

這樣:

 ? 'auto' 

但是,我建議你用更現代的東西來代替下拉菜單代碼。

+0

光榮 - 謝謝!至少現在起作用。是否有鏈接到您推薦的java腳本?我不知道關於編寫/編輯Java的東西... – zinniacity 2011-02-01 02:21:07