Drupal 7 CSS 问题答案

【问题标题】：Drupal 7 CSS IssuesDrupal 7 CSS 问题
【发布时间】：2013-12-11 16:53:02
【问题描述】：

我正在为我的网站设计我的主题，我的文件夹中除了template.css 之外没有其他 CSS 文件。

.header-wrap,
.nav-wrap,
.slideshow-wrap,
.body-wrap,
.sub-footer-wrap,
.footer-wrap {float: left; width: 100%; clear: both;}

.header,
.nav,
.slideshow,
.body,
.sub-footer,
.footer { width: 960px; margin: 0 auto;}

.header-wrap { height: 118px; background: url('files/img/background/bg-header.png')
 repeat-x; border-bottom: 1px solid #6A6A6C}
.nav-wrap { height: 38px; background: url('files/img/background/bg-nav.png') repeat-x;
border-top: 1px solid #D9D9DB; border-bottom: 1px solid #B8B8BA}
.body-wrap { background: #F4EDDB url('files/img/background/bg-body.png') repeat-x;}

我不认为问题与此有关，但我的网页肯定有其他原因：

红线显示由于某种未知原因而生成的空白。我一直在看这个，但一直无法找到来源。我想知道是否有人以前遇到过这样的问题？或者可能能够指出我解决问题的正确方向的人。我也尝试了多个浏览器并遇到相同的问题。我还确保这不仅仅是一个管理问题。无论如何，它一直在发生。我目前使用的是谷歌浏览器。

--编辑--

这是我的 jsfiddle 给那些问过的人（它仍然在那里做）这有完整的 html http://jsfiddle.net/RCMh7/

【问题讨论】：

这是现场直播吗？我认为您尝试使用 chrome 开发人员工具或 firebug 进行识别？
@DanielHarper - 它不在任何地方，我只是在本地查看。我使用过 chrome 开发者工具。并且目前正在使用 firebug
@DanielHarper - 我还添加了一个指向其中包含代码的 jsfiddle 页面的链接。希望这会有所帮助。
jsfiddle 似乎没有问题，一切正常？
@DanielHarper - 我很确定问题仍然存在。如果你看，你会发现所有边上仍然有某种填充，我似乎无法修复。

标签： css drupal drupal-7 drupal-theming

【解决方案1】：

将此添加到您的 CSS 中。

body { margin: 0px; padding:0px}

或者谷歌“reset.css”并将其添加到您的主题中，Eric Meyer 相当受欢迎。

http://www.cssreset.com/

【讨论】：

body 标签做到了。谢谢！
可能仍然值得研究重置，因为它可以防止与其他标签（例如 ol ul）发生类似事情。
好的，会的。再次感谢！

【解决方案2】：

你应该把 margin-top:0 和 margin-left:0 放在这个 div 上。

你能为我们展示一下 jsfiddle 吗？还是链接页面？

【讨论】：

我在编辑中添加了 jsfiddle 页面。希望这会有所帮助

【解决方案3】：

使用 firebug for firefox 工具检查 CSS 问题。它可能只是由于某些背景图像或 CSS 文件而发生。对于链接到该主题的所有 CSS，还要检查该主题的 .info 文件。

虽然根据我的经验，您可以使用 firebug 获得 CSS 的确切来源。

可能是某种背景图像或 CSS 效果。

【讨论】：

感谢您的评论。我检查了我的主题 .info 文件，我使用的唯一 .css 是我创建的那个。我添加了上面的 jsfiddle 文件，希望能提供更好的帮助。
在给定的部分中，我们无法追踪该空间部分，因为它不包括在那里显示图像的菜单标题，只需使用该页面的 html 创建另一个链接，这肯定会帮助人们找到问题。尽管 answer1 似乎很有帮助，只需通过编辑尝试一下即可。
我尝试将边距设置为 0，但这并没有解决我的问题。我按要求添加了所有 html 和我的 css。我希望这会有所帮助！