为什么我的文本在Safari和Chrome中对齐，但没有Internet Explorer/Firefox？

Question

我的网站是wordswithfriends.net

在边栏中的Safari/Chrome例如“每月倒计时”确切地说是标题和文本阵容。在IE/Firefox中，标题更靠右，文本一直推到左边。我的代码有什么问题？

编辑CSS：

#sidebar h3 { 
background: url (images/sidebarh3bgr.png) no repeat; 
color: white; 
font-size: 14px; 
margin: 0 0 10px; 
padding: 5px 5px 5px 18px; 
} 

#sidebar li .top { 
padding: 0px 0px 15px 1px; 
width: 333px; 
background: no-repeat url(images/bcksidebarlitop.png); 
} 

.execphpwidget { 
margin: 10px 23px 0px 10px; 
padding: 5px 5px 5px 10px; 
} 

.textwidget { 
padding: 5px 5px 5px 17px; 
} 

#sidebar ul { 
list-style-type: none; 
margin: 0; 
padding: 3px 17px; 
} 

Answer 1

的Firebug在Firefox和IE浏览器中的开发者工具都显示为你的类定义的样式*没有施加.execphpwidget。两种检验方法均未表明风格正在被覆盖;它只是不存在。

样式表的快速验证，说明你已经接近尾声了一些不好的CSS，围绕行470：
img .alignnone size-full wp-image-364 {float:right; padding:5px 10px 10px 0px;"}

在这里看到： W3C CSS Validation Service

由于此错误，IE和Firefox将丢弃样式表的其余部分，其中包括缺少的左侧填充/边距。

我想Chrome和Safari更宽容。

Answer 2

CSS-重置口令字:-)

每个浏览器都有自己的默认CSS。这是Web开发人员面临的最大问题之一。

例如一个CSS复位设置许多属性为0px（margin:0;padding:0;）