网页在浏览器之间无法正确显示,主要是IE

时间:2014-06-06 01:23:56

标签: html css internet-explorer

我正在为我的家庭B& B创建一个网站,而且我没有多少网络编码经验。

这是我从互联网上购买的网站模板,直到现在我还没有遇到很多困难,我发现自己完全陷入网站特定网页内容不足的地步在Chrome和Internet Explorer中正确显示,因为Firefox和Chrome之间的查看问题几乎没有,因此问题主要出在IE上。

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

"容器"这些内容(只是图片和文本)位于页面中的位置称为grid_11,属于位于css文件夹中的grid.css文件。

我尝试使用保证金,比如

  

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

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

这里我附上了三个浏览器中页面显示方式的截图。

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

这里有hss代码和css http://jsfiddle.net/r5QHW/

现在这真的超过了我的薪水等级。如果有人可以帮助我,我真的很感激。

谢谢, 彼得

1 个答案:

答案 0 :(得分:0)

你想要回答的问题是下面的一个......祝你好运!

浏览器的css属性支持列表在哪里?

W3schools有很多广告但是资源很好。


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

您想要的是开发人员工具。您实际上是在您正在评估的浏览器中打开该页面,然后按照每个浏览器的开发人员工具的说明来确定发生了什么。