Css 960网格,带有html5头标签

Css 960网格,带有html5头标签,css,html,960.gs,Css,Html,960.gs,我是960.gs的新手,在使用它和html5时遇到了一些问题 我正在尝试以下方法: 图像应跨越2个网格单位,同一行中的div应跨越5个单位,然后(因为该“行”已满)应跟随换行符并显示标题。我试过以下方法: <div class="container_12"> <header class="grid_12"> <img src="nothing" class="grid_2 alpha"><div class="grid_5 suf

我是960.gs的新手,在使用它和html5时遇到了一些问题

我正在尝试以下方法: 图像应跨越2个网格单位,同一行中的div应跨越5个单位,然后(因为该“行”已满)应跟随换行符并显示标题。我试过以下方法:

<div class="container_12">
    <header class="grid_12">
        <img src="nothing" class="grid_2 alpha"><div class="grid_5 suffix_5">SOMETHING</div>
        <h1 class="grid_2 omega">title</h1>
    </header>
</div>

某物
标题
据我对960.gs的理解,这应该会产生预期的效果。它实际上没有:它在一行上显示图像,div和标题在另一行下,在下一行上有一点缩进。这是因为使用了div以外的其他元素吗

提前谢谢你的帮助!(我从中获得了大量信息)


某物
标题

它对你有用吗?


某物
标题


它对您有用吗?

是否页眉需要是容器而不是网格?那么页眉不是我整个页面的容器吗?在结束标题标记之后(当然是在结束div标记之前)仍然有内容,很抱歉我忽略了这一点。关键是你不能嵌套网格。标题必须是一个容器。标题的同级也可以是容器。每页有多个容器不是什么大问题。每个网格都需要是容器的子级,而不是其他网格的子级。有意义吗?这确实有意义,但它仍然没有归档我想要的内容:现在我在div的左侧和右侧有图像,在div的下方有标题(但仍然与图像在同一行)。实际上960.gs应该能够处理嵌套网格(我在很多地方在web上读到).是否页眉需要是容器而不是网格?那么页眉不是我整个页面的容器吗?在结束标题标记之后(当然是在结束div标记之前)仍然有内容,很抱歉我忽略了这一点。关键是你不能嵌套网格。标题必须是一个容器。标题的同级也可以是容器。每页有多个容器不是什么大问题。每个网格都需要是容器的子级,而不是其他网格的子级。有意义吗?这确实有意义,但它仍然没有归档我想要的内容:现在我在div的左侧和右侧有图像,在div的下方有标题(但仍然与图像在同一行)。实际上960.gs应该能够处理嵌套网格(我在很多地方在web上读到).这是我不想要的。我希望文本“title”位于图片下方:-/.是的,没错。这只适用于clear-div。我尝试了使用较少的混合,这适用于除clear-div之外的所有情况。这是我不想要的。我希望文本“title”位于图片下方:-/.是的,没错。这只适用于clear-div。我尝试了使用较少的混合,这适用于除clear-div之外的所有情况。
<div class="container_12">
<header>
    <div class="grid_9">
        <div class="grid_2 alpha">
            <img src="http://showbuzz.ru/wp-content/uploads/2009/09/dead_earners_9_wenn1642245.jpg" class="grid_2 alpha" />  
        </div>
         <div class="grid_7 omega">
           SOMETHING
         </div>
         <div class="grid_9 alpha omega">
             <h1>title</h1>  
         </div>
    </div>
  </header>