如何在HTML5的页面顶部放置DIV标记图像?

时间:2010-04-20 01:53:36

标签: html html5 border doctype margin

我试图通过在CSS中使用背景图像来放置图像的x重复“网格”,然后在DIV标记中使用id。我的意图是放置一个“面板”,然后总是延伸到页面的顶部,并循环使用repeat-x。它在没有DOCTYPE的情况下工作得很好,但是当我在代码中放入clean时,它会将标签中的图像向下推,好像页面顶部有大约15 px左右的边距。我尝试了top-margin,z-index,没有成功。

如果我问一个愚蠢的问题,请原谅我,但我有点新意。

谢谢, -Jacob

3 个答案:

答案 0 :(得分:1)

从您的描述中有一点不清楚您使用哪种方法将面板放在页面顶部,但在我看来,您的面板div位于正文元素的顶部,如同HTML代码一样这样:

    <body>
          <div id="yourid">
[...]
          </div>

如果是这种情况,您可能会遇到浏览器中正文和/或html元素的边距和/或填充的默认设置(以及它们在浏览器模式之间的差异 - 即。或者没有doctype - 在某些浏览器中。)

这些浏览器的默认设置因浏览器而异 - 解决该问题的常用方法是重置它们 - 例如:

html,body {margin:0; padding:0}

如果这对您没有帮助,请提供更多详细信息(即代码或指向受影响页面的链接)

答案 1 :(得分:0)

所有现代网页都需要doctype。这听起来就像你在没有盒子模型的情况下打架。没有doctype,你处于怪癖模式,所有的地狱都会破裂。

答案 2 :(得分:0)

如果浏览器在标准模式下运行(您需要,并且由具有良好的doctype触发),则<body>元素上有一些边距或填充。使用body { margin:0; padding:0; }将其清除,并让您的元素填满整个屏幕。