IE瀏覽器和Chrome瀏覽器的CSS填充問題

請在IE和Chrome瀏覽器中查看以下 http://healthfacilitiesgroup.com/pm/phaseinfo.php 。我希望網站的寬度爲8.5英寸，兩邊都有1英寸「邊距」（意思是6.5英寸寬的段落等）。我認爲這樣做的方式是8.5英寸寬，1英寸填充。這就是CSS的設置，但由於某些原因，IE和Chrome完全不同。我不太喜歡html的新手，所以感謝任何事情。IE瀏覽器和Chrome瀏覽器的CSS填充問題

來源

2011-07-03 Ben Harvey

由於屏幕分辨率不同，很難在居中設計的兩側獲得相同的邊距（1英寸）。

不是以英寸爲單位進行設計，而是以百分比來設計。這將給你一個更加一致的外觀，它將根據用戶的屏幕分辨率展開或收縮。

例如，您可能會考慮將您的主要div設置爲80%，然後爲其自動margin，這將填滿其他空間。喜歡的東西...

div#main{width:80%, margin:0 auto;}

第一個數字0從頂部和底部設置margin和auto配置它相匹配的兩側。

Padding順便說一句，處理元素內的空間。查看更多這裏：http://www.goer.org/HTML/intermediate/margins_and_padding/

來源

2011-07-03 02:42:02

您沒有使用文檔類型，所以您的網站呈現在Quirks Mode。怪癖模式+ IE =無望。

可以逃脫怪癖模式，實現一致性只需添加此作爲的第一行：

<!DOCTYPE html>

這就是HTML5的doctype，它會觸發標準模式。

來源

2011-07-03 02:42:17 thirtydot

永遠不要使用IE作爲事情應該如何工作的參考。始終，始終使用*任何其他瀏覽器來幫助驗證您的標記。然後看看如何將IE的一切搞定。但IE瀏覽器的衆多問題衆所周知，修復它的黑客也是衆所周知的。 – Rob

IE瀏覽器和Chrome瀏覽器的CSS填充問題

回答

相關問題