請在IE和Chrome瀏覽器中查看以下 http://healthfacilitiesgroup.com/pm/phaseinfo.php 。 我希望網站的寬度爲8.5英寸,兩邊都有1英寸「邊距」(意思是6.5英寸寬的段落等)。我認爲這樣做的方式是8.5英寸寬,1英寸填充。這就是CSS的設置,但由於某些原因,IE和Chrome完全不同。我不太喜歡html的新手,所以感謝任何事情。IE瀏覽器和Chrome瀏覽器的CSS填充問題
0
A
回答
0
由於屏幕分辨率不同,很難在居中設計的兩側獲得相同的邊距(1英寸)。
不是以英寸爲單位進行設計,而是以百分比來設計。這將給你一個更加一致的外觀,它將根據用戶的屏幕分辨率展開或收縮。
例如,您可能會考慮將您的主要div
設置爲80%
,然後爲其自動margin
,這將填滿其他空間。喜歡的東西...
div#main{width:80%, margin:0 auto;}
第一個數字0
從頂部和底部設置margin
和auto
配置它相匹配的兩側。
Padding
順便說一句,處理元素內的空間。查看更多這裏:http://www.goer.org/HTML/intermediate/margins_and_padding/
1
您沒有使用文檔類型,所以您的網站呈現在Quirks Mode。怪癖模式+ IE =無望。
可以逃脫怪癖模式,實現一致性只需添加此作爲的第一行:
<!DOCTYPE html>
這就是HTML5的doctype,它會觸發標準模式。
相關問題
- 1. 問題與圖像和Chrome瀏覽器,火狐瀏覽器,IE瀏覽器
- 2. Chrome瀏覽器 - 相當於Firefox瀏覽器的IE瀏覽器
- 3. IE瀏覽器JavaScript和CSS問題
- 4. 跨瀏覽器的CSS問題(Safari瀏覽器與Chrome)
- 5. 當瀏覽器返回按鈕時IE瀏覽器CSS問題
- 6. IE瀏覽器的CSS定位問題
- 7. CSS Drop Menu問題(僅IE瀏覽器)
- 8. IE瀏覽器HTML&CSS顯示問題
- 9. IE瀏覽器HTTPS問題
- 10. 問題從IE瀏覽器
- 11. IE瀏覽器問題
- 12. Chrome瀏覽器可視化問題CSS
- 13. Chrome瀏覽器和火狐瀏覽器定位問題
- 14. 填充的CSS問題,瀏覽器兼容性問題
- 15. 互聯網瀏覽器,Chrome瀏覽器Chrome瀏覽器
- 16. Safari和IE瀏覽器的Video.js問題
- 17. 在IE瀏覽器中的垂直菜單填充問題
- 18. 跨瀏覽器CSS問題
- 19. CSS跨瀏覽器問題
- 20. Chrome瀏覽器與火狐瀏覽器中的框問題
- 21. 在Chrome瀏覽器(火狐瀏覽器和IE瀏覽器都在工作)中jQuery CSS div高度不匹配
- 22. 在IE瀏覽器中,但Chrome瀏覽器中沒有Jquery問題
- 23. PHP和IE瀏覽器顯示問題
- 24. 跨瀏覽器問題 - Firefox和Chrome
- 25. jquery .width()chrome和Safari瀏覽器問題
- 26. IE瀏覽器兼容瀏覽器兼容性問題/ Firefox
- 27. 瀏覽器默認填充
- 28. Css轉換IE瀏覽器
- 29. 關於瀏覽器縮放的CSS保證金/填充問題
- 30. CSS和不同的瀏覽器問題
永遠不要使用IE作爲事情應該如何工作的參考。始終,始終使用*任何其他瀏覽器來幫助驗證您的標記。然後看看如何將IE的一切搞定。但IE瀏覽器的衆多問題衆所周知,修復它的黑客也是衆所周知的。 – Rob