Firefox 中的额外填充/边距+CHrome IE 中没有

发布于 2024-09-03 09:26:17 字数 487 浏览 7 评论 0原文

catmenuconatiner(第二个导航栏)下方有 20 像素的边距/填充。这仅在 Firefox 和 Chrome 中显示,在 IE 6+ 中不显示

这是页面:www.fish-and-web.blogspot.com

与同一问题相关的另一个问题是在评论之间。评论框之间有 15 像素的间距。再次强调,这仅在 Firefox 和 Chrome 中显示,不在 IE6+ 中显示。

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

如果有人过来指导我,那就太好了正确的方向。我已经为此工作了几个小时,但就是无法让它发挥作用。只是为了让您知道该页面托管在 blogger 上。

谢谢。

There is 20px margin/padding below the catmenuconatiner (second navigation bar). This is only showing in firefox and chrome not in IE 6+

Here is the page: www.fish-and-web.blogspot.com

Another problem related to the same issue is between the comments. The comment boxes have 15px margin between them. Again, this is only showing in Firefox and Chrome not in IE6+

Here is the comment page: http://fish-and-web.blogspot.com/2010/05/alfa-romeo-9c_24.html

It'd be great if someone comes along and guide me in the right direction. I have been working on this for hours and I just cannot get it to work. Just so you know that the page is hosted on blogger.

Thank you.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

記憶穿過時間隧道 2024-09-10 09:26:17

您可能需要考虑 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. Fail)中的解决方案添加到 IE6.css 中。

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

You may want to consider an IE6 conditional style sheet, this can be done by creating a new css sheet (ie6.css) and pasting creating a conditional as follows:

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

Within your IE6.css add the following style for the catmenu container:

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

You can also add the solution from the previous answer (Maj. Fail) to the IE6.css.

That should do it. Hope that helps.

伪心 2024-09-10 09:26:17

您的第二个问题的答案是您似乎尚未清除每条评论。就在评论 div 的结束部分之前放入

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

我不确定的第一个问题,因为我不知道问题是什么=/它似乎对我来说显示得很好?

The answer to your second problem is that it appears you have not cleared each comment. just before the closing part of the comment div put in

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

The first problem I'm not sure about because I don't see what the problem is =/ It seems to be displaying fine for me?

别想她 2024-09-10 09:26:17

为了消除任何边距/填充跨浏览器问题,请在每个 css 文件的开头执行此操作。

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

这样,您始终将它们重置为 0,并且任何进一步的边距/填充在每个浏览器中都应以相同的方式起作用

In order to remove any margin/padding cross-browser problem, do this at the start of every css file.

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

This way you always reset them to 0 and any further margin/padding should act the same way in every browser

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文