「IE7仍然會使該網站大部分正確」
不幸的是,沒有。 IE瀏覽器在濫用和忽略Web標準方面有着悠久的歷史。 IE6因此而臭名昭着。 IE7很痛苦。 IE8一個無賴和IE9現在大多隻是一個小小的煩惱。
底線是,你可能有IE7的錯誤出現。這不一定代表糟糕的標記或CSS,而只是IE7的問題。
典型的解決方案是使用IE條件註釋來爲BODY標籤呈現唯一的類名稱。然後,您可以過騎標準的CSS只是IE7的一個特定版本,以彎曲成提交:
<!--[if !IE]> -->
<body>
<!--<![endif]-->
<!--[if gt IE 8]>
<body id="IE9">
<![endif]-->
<!--[if IE 8]>
<body id="IE8">
<![endif]-->
<!--[if IE 7]>
<body id="IE7">
<![endif]-->
<!--[if lt IE 7]>
<body id="IE6">
<![endif]-->
然後在你的CSS,你可以這樣做:
.myClass {...standard styles...}
#IE7 .myClass {...ugly hack just for IE7...}
#IE6 .myClass {...ugly hack just for IE6...}
如果您的老闆電腦上的窗口沒有最大化,這是否會有所不同?在老闆的電腦上更改屏幕分辨率是否會使其顯示正確?您的老闆是否與您的計算機上的瀏覽器設置相比有不同尋常的瀏覽器設置?在你的機器上使用Firefox,或者你的老闆的電腦上遇到同樣的問題?這可能會指向你正確的方向。 –
我會把代碼轉到codereview.stackexchange.com – rickyduck
不是沒有什麼意思,但問題可能是你的代碼佈局明智的核心。如果沒有設置高度,該綠色框應該能夠容納所有文本。設置高度爲自動應該解決這個問題,然後你應該使用填充等來從文本等框的空間邊界。我也幾乎會說同樣的導航(雖然寬度),但可能有很多其他的東西錯了 –