我觉得这是一个非常基本的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;
}
非常感谢任何想法!
答案 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重置样式表来解决此问题...每个浏览器都以不同的基本样式开始。