IE中的表格寬度100％導致問題

我在IE中有一個令人不安的問題... 我創建了一個Joomla！模板結合bootstrap。客戶創建joomla的內容！網站。IE中的表格寬度100％導致問題

你可以找到我的問題就在這裏：當你看到它在Firefox或其他瀏覽器，你可以看到，一切都很好（鏈接刪除）

。但是，當您在Internet Explorer中查看它時（我討厭該瀏覽器），您可以看到，具有灰色背景的表格未正確顯示。他們有很多寬度。文本被切斷。

我嘗試了很多東西，並從互聯網上測試了不同的解決方案。但我找不到解決方案。

2013-03-27 lackner_media

您正在測試什麼版本的IE？ – Spudley 2013-03-27 10:34:34

同意這很奇怪。我要說的一件事是，以這種方式使用表格（即用於頁面佈局）近來不被認爲是好的做法。我建議使用更多的語義標記;它會改善你的SEO。這可能會擺脫這個問題的副作用，雖然它顯然是一個更簡單的解決方案，而不是你所擁有的。 – Spudley 2013-03-27 10:45:25

這一個一直在竊聽我，所以我一直在挑選它，看看我能否找到問題。我仍然沒有得到答案，但我會建議做一些基本的驗證。在IE中加載頁面會導致控制檯顯示幾個javascript錯誤。其中一些相當明顯，應該修復。另外我注意到您使用的是XHTML文檔類型，但標記中有許多錯誤。您應該使用W3C Validator來查找並修復這些錯誤，特別是在您使用XHTML時，這比HTML更不容易。 – Spudley 2013-03-27 11:13:39

您的問題是由底部的大圖像（connectivity2_big-photo.jpg）引起的。雖然在圖像上設置了高度和寬度，但CSS的高度和寬度都設置爲「auto」，這會在IE中將尺寸推到最大可能的尺寸。

要麼使用適當大小的圖像，要麼刪除寬度：自動和高度：自動img聲明和一切工作。

我懷疑這與使用XHTML 1.0 Transitional有關：IE恢復到1997年，但這就是你要求的！

來源

2013-03-27 11:38:37

+1。不能相信我錯過了這一點。此外，建議您最好讓網站按照您要顯示的大小提供圖像，而不是放大版本，並要求瀏覽器對其進行縮放。如果你這樣做了，問題就不會發生。在瀏覽器中縮放的圖像通常看起來並不像他們能做的那麼好，再加上你讓用戶下載的文件比他們需要的大。 – Spudley 2013-03-27 11:44:57

非常感謝ceeb！我已經嘗試了很多東西，但從來沒有意識到底部的圖像是大的...我也不敢相信我錯過了... 現在所有東西都OK ...很簡單... @ Spudley 我知道代碼和表是恐怖的。但這是一個CMS系統，我的客戶自己創建它。他提供桌子和大圖片......這通常是一個問題。 – 2013-04-03 12:38:11

IE中的表格寬度100％導致問題

回答

相關問題