2013-02-01 113 views
-2

现在我为上this site如何更正IE浏览器的CSS?

到目前为止的工作是对所有的浏览器寻找OK除IE。我不知道他为什么在IE他左对齐。我如何检测是什么原因造成的?有没有一种方法来检测IE中的CSS有什么问题?!

CSS:

html,body{ 
margin:0px; 
padding:0px; 
text-align:left; 
border:0px; 
background:#000000 url(/design/wrap_t_bg.jpg) repeat-x; 
font-family:Tahoma, Geneva,sans-serif; font-size:11px; 
color:#434343;} 
+0

请发布一些在IE中出现问题的例子,以及您在谈论的版本。 – Ladineko

+0

因为IE不符合Web标准的“良好”。你有没有关于浏览器兼容性的东西?在网络上有很多表格显示了跨浏览器的兼容性。 EG [链接](http://www.w3schools.com/cssref/css3_browsersupport.asp) – abierto

+0

http://i45.tinypic.com/2mi2lo4.png这是它看起来如何:(也许在一个较小的分辨率看起来不错,但是在更高版本上也不行 – user2026426

回答

0

更改这一部分:

html,body{ 
margin:0px; 

要:

html,body{ 
margin:0px auto; 

截图

enter image description here


Quirks模式问题

默认情况下,该网站进入怪癖模式。所以,你可以把这个添加到第一行吗?

<!doctype html> 
+0

无效:... .... – user2026426

+0

@ user2026426确保文档模式不是怪癖模式 –

+1

事实上,我的IE9默认为这个网站的怪癖模式,如果我强制它在标准模式下渲染,它看起来更好,但不像FF。如果您按F12启动开发人员工具,您可能会看到“文档模式:怪异模式”或类似于菜单栏的右侧。 –

0

将body中的文本对齐更改为'center'并将其覆盖在div中。

请使用html验证程序。代码中有一些可怕的错误。

0

有两种方法写一个IE的CSS .. 首先是这样的..on HTML页面 目标IE所有版本

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 

另一种是使用CSS的网页后备方法 的例子..。

html > body #div { 
    height: 300px; 

}

最好你读这篇文章。 。 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/