html - 网页在浏览器之间显示不正确，主要是 IE

Question

我正在尝试为我家的 B&B 制作一个网站，但我没有太多网络编码经验。

这是我从网上买来的一个网站模板，直到现在我发现自己完全卡在了网站特定网页内容无法正确显示的地步，并没有遇到太多困难在 Chrome Firefox 和 Internet Explorer 之间，大部分问题出在 IE 上，因为 Firefox 和 Chrome 之间的查看问题几乎没有。

我在 IRC 上被告知这是由于 CSS 没有从浏览器中正确读取造成的，并且每个浏览器倾向于以不同的方式查看页面，因此我应该为 IE 创建一个特定的 css 样式以解决这个兼容性问题. 不幸的是，虽然我无法找出导致问题的原因。

这些内容(只是图片和文本)在页面中所在的“容器”称为grid_11，属于位于css 中的grid.css 文件文件夹。

我试着玩 margin ，比如

.container_24 .grid_11 { width:430px; margin-left: 40px }

但结果是包含所有内容的框随它们一起移动到整个页面。

我在这里附上页面在三种浏览器中的显示方式的屏幕截图。

http://imgur.com/mgDYbD3,bZC3wHI,yd6BX8t

这里是 html 代码和 css http://jsfiddle.net/r5QHW/

现在这真的超出了我的薪酬等级。如果有人能帮我解决这个问题，我将不胜感激。

谢谢， 彼得罗

Answer 1

您想要回答的问题是以下问题之一...祝您好运!

哪里有浏览器支持的css属性列表？

W3schools 有很多广告，但它是一个很好的资源。

• CSS 属性支持表:http://www.w3schools.com/cssref/css3_browsersupport.asp
• 他们网站上所有引用文献的列表:http://www.w3schools.com/sitemap/sitemap_references.asp

---

如何在特定浏览器中调试代码？

您需要的是开发人员工具。实际上，您在要评估的浏览器中打开页面，然后按照每个浏览器的开发人员工具的说明找出问题所在。

• Chrome :https://developer.chrome.com/devtools/index
• 火狐:https://developer.mozilla.org/en-US/docs/Tools
• 即:http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx