IE/Mozilla調整大小問題

-2

我一直在使用IE和Mozilla缺乏調整屬性的麻煩。爲了簡單地解決這個問題，我將一些內聯CSS樣式放入我的圖像中，以將寬度設置爲我想要的寬度。然而，今天我檢查了我的網站後，我的程序員做了一些更新，出了問題.....任何人都可以幫助我如何解決這些圖像問題的好？IE/Mozilla調整大小問題

查看http://www.fishingreports.com在Chrome則IE/Mozilla的

....即使在頁腳中的標誌有

<img src="/media/images/logo_gray.png" width="180px" alt="fishing reports">

的代碼，但圖像依然不會服從.....

來源

2013-06-12 user2434587

在此處或在[JSFiddle]（http://www.jsfiddle.net/）中發佈相關代碼。 – doppelgreener

你不在元素的width屬性裏使用'px'（它不是CSS） - [你只是說'width =「180」']（http://www.w3schools.com/tags/att_img_width.asp ）。然後，你可能應該使用CSS，而不是屬性，你應該在這裏說'width：180px'。 – doppelgreener

應該指出，瀏覽器已知完全忽略'width =「180px」'，因爲它具有無效的屬性值。這不是手頭的問題，只是另一個半相關問題。 –

看那CSS validator output for your site，最具體地在線路368的錯誤：

分析錯誤;」 text-align：center;保證金：1em 0;填充：1em 0; border：solid＃2b4130; border-width：1px 0; text-align：center;} .single文章h2，.single文章h3 {font-family：標題，'Helvetica Bold'，'Arial Black'，sans-serif; font-size：2em; 顏色：＃2b4130;保證金：0.5em 0;}

查詢相關的線，它說：

.single article blockquote { font-style: italic; font-weight: bold;' text-align: center; margin: 1em 0; padding: 1em 0; border: solid #2b4130; border-width: 1px 0; text-align: center;}

有bold;後流浪撇號，導致文件的整個其餘部分被視爲一個字符串通過Firefox和IE。限制img元素大小和頁腳規則的規則在它下面，因此被忽略。 Chrome設法做一些垃圾檢查，顯然能夠在下一行恢復解析。

修復撇號，你會看到你的風格再次正確應用。

作爲一個旁註 - 在你的CSS中的!important聲明的數量是荒謬的，並使可預見的跨瀏覽器渲染一團糟。您應該考慮剝離全部!important例外，只重新添加實際需要的實例。請始終記住!important是解決使用normal rule specificity沒有更好解決方案的問題的最後解決辦法。

來源

2013-06-12 00:11:03

謝謝Niels！是的...我是！重要的事情的罪魁禍首 - 我是一個CSS noob。我肯定會花一些時間與CSS驗證器並清理事情。我很感激幫助。 – user2434587

增加了關於如何解決'！important'過度使用的額外說明。 –

IE/Mozilla調整大小問題

回答

相關問題