2010-05-26 77 views
0

catmenuconatiner(第二个导航栏)下方有20px的边距/填充。这是只在Firefox和Chrome不是在IE 6+额外填充/ Firefox中的边距+ Chrome在IE中无无

这里显示的是页面:www.fish-and-web.blogspot.com

与同一问题的另一个问题是意见之间。评论框之间有15px的余量。再次,这是只有在Firefox和Chrome显示IE6 +

这里不就是评论页:http://fish-and-web.blogspot.com/2010/05/alfa-romeo-9c_24.html

这将会是巨大的,如果有人走来,引导我在正确的方向。我一直在努力工作好几个小时,但却无法完成工作。只是让你知道该页面托管在博客上。

谢谢。

回答

0

第二个问题的答案是,看起来你没有清除每个评论。 DIV把之前的评论的关闭部

<div style="clear:both"></div> 

第一个问题,我不知道,因为我看不出有什么问题= /这似乎是显示为我好?

+0

其实这是导致它的封闭的
标签。感谢至少它让我走在正确的道路上。导航菜单问题仍然存在。 – Adi 2010-05-26 15:38:48

0

为了消除任何保证金/填充跨浏览器问题,请在每个css文件的开始处执行此操作。

body, h1, ul, li 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 

这样,你总是他们重置为0,任何进一步的保证金/填充应在每个浏览器采取同样的方式

+0

它已经添加了,所以我仍然不确定是什么导致firefox和chrome导致额外的填充。我想我必须深入挖掘。非常感谢。 – Adi 2010-05-26 15:37:50

4

你可能要考虑的IE6有条件的样式表,这可以通过创建完成新的CSS表(ie6.css)和粘贴创造条件如下:

<head> 
    <!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="css/ie6.css" /> 
    <![endif]--> 
</head> 

在您iE6.css添加以下样式为catmenu容器:

ul.topnav { 
    padding-left: 0px; 
} 

您还可以添加上一个答案(Maj。失败)到IE6.css。

这应该做到这一点。希望有所帮助。

+0

感谢您的回答。不幸的是,博客不允许这样做。 – Adi 2010-05-26 15:36:26

+0

当你说它不允许这样做,你的意思是它不允许外部样式表?或者是其他东西? – Ryano 2010-05-26 15:44:47