帶html5標頭標簽的960網格

Question

我是960.gs的新手，因此遇到了html5和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之外的其他元素嗎？

謝謝您的幫助！ （我從http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/獲得了大量信息）

Answer 1

<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>

http://jsfiddle.net/TMAk7/

它對您有用嗎？