CSS工作在IE但不是FF / Chrome

时间:2010-01-09 18:26:42

标签: css

我觉得这是一个非常基本的CSS问题:

我的CSS中似乎有一个隐藏的“margin-top”,它出现在FF和Chrome中,但不是IE。这是页面:adambailin.com/projects

我希望项目标题与图像对齐。每个项目都在#project div(薄白边框顶部)。图像的CSS是


#project_image
{

 float: left;
 width: 150px;
 height: auto;
 padding: 2px;
 border: solid 1px #7E8AA2;
}

描述部分的CSS是


#project_desc
{
 float: right;
 width:425px;
}

非常感谢任何想法!

5 个答案:

答案 0 :(得分:2)

你正在使用一个H4标签,它有自己的余量。

#project_desc h4 { margin-top:0 }

答案 1 :(得分:2)

你是对的。默认情况下,所有浏IE默认值为0. FF和其他值在5 - 10范围内。将内容div中的边距归零,并将几乎所有想要它的内容归零,如p和h1。这样每次都会避免这种情况。

margin:0px添加到您的ID中,这应该可以解决。

肥皂盒:人们总是说FF永远是对的;这是IE的错误。哦,是的,默认利润到零以外的其他事情做得对吗?我想不是。坦率地说,两种浏览器都有缺点,两者都有优点。

答案 2 :(得分:1)

#project_desc h4
{
margin-top:0;
}

可能会有帮助,请尝试在firefox中安装firebug,它是网络开发者最好的朋友。

答案 3 :(得分:1)

在css中使用它

h4 {margin-top:0;}

答案 4 :(得分:0)

最佳计划...使用css重置样式表来解决此问题...每个浏览器都以不同的基本样式开始。

See this link