Drupal 7 CSS问题

我正在为我的网站设计自己的主题，除了template.css之外，我的文件夹中没有其他CSS文件。Drupal 7 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;}

我不认为这个问题是有关这一点，但必须有别的东西这样对我的网页：

enter image description here

红线表示正在生成的空白原因不明。我一直在看这一段时间，一直没有找到来源。我想知道有没有人有过这样的问题？或者有人能够指出我正确的方向来解决这个问题。我也尝试了多个浏览器，并有相同的问题。我也确信这不仅仅是一个管理问题。无论发生什么，它都会一直发生我目前使用Google Chrome。

- 编辑 -

这里是我的jsfiddle对于那些你们谁问（它仍然没有它放在那里了），这有完整的HTML http://jsfiddle.net/RCMh7/

来源

2013-12-11 scapegoat17

这是住在哪里吗？我认为你已经试图与铬开发工具或萤火虫识别？ –

@DanielHarper - 它不在任何地方生活，我只是在本地观看。我使用了Chrome开发者工具。并正在使用萤火虫目前 – scapegoat17

@DanielHarper - 我还添加了一个链接到一个jsfiddle页面，其中的代码。希望有帮助。 – scapegoat17

添加到您的css。

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

或谷歌“reset.css”并将其添加到您的主题，埃里克迈耶是相当受欢迎。

http://www.cssreset.com/

来源

2013-12-12 13:35:54

身体标签做到了。谢谢！ – scapegoat17

可能仍然值得寻找重置，因为它会阻止与其他标记（如ol）类似的事情。 –

好的，会做的。再次感谢！ – scapegoat17

-1

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

虽然根据我的经验，你将能够通过使用萤火虫得到确切的CSS来源。

它可能是一些背景类型的图像或CSS效果。

来源

2013-12-11 17:02:15 Abhishek

谢谢你的评论。我检查了我的主题.info文件，我使用的唯一.css是我创建的.css文件。我添加了上面的jsfiddle文件，希望能够帮助更好。 – scapegoat17

在给定的部分，我们无法追踪该空间部分，因为它不包括显示图像的菜单标题，只是通过使用该页面的html创建另一个链接，这肯定会帮助人们找到问题.Althogh answer1似乎很有帮助，只需通过编辑来尝试。 – Abhishek

我试图将边距设置为0，并没有解决我的问题..我添加了所有的HTML请求和我的CSS。我希望这会有所帮助！ – scapegoat17

您应该在此div上放置margin-top：0和margin-left：0。

你能为我们展示jsfiddle吗？或链接页面？

来源

2013-12-11 17:05:43

我在我的编辑中添加了jsfiddle页面。希望这将有助于 – scapegoat17

Drupal 7 CSS问题

回答

相关问题