CSS - 流体レイアウト上のテーブルレスメニューバー

Question

透明なpng画像を使用してテーブルレスメニューバーを作成しようとしています。メニューバーは、幅の最小/最大のラッパーの内側にネストされ、自動左/右マージンを使用して中央に配置されます。理想的には、1つのセクションをバックグラウンドのrepeat-xで長さを調整することができます。 pngの透明度値は重複しないため、オーバーラップするセクションの可視性が向上します。

私は絶対的な位置付けを試みましたが、流体のレイアウトでは使用できない水平な開始位置が必要です。ラッパーのスタイル：http://jsfiddle.net/f35UK/

イメージ（私はコードではなく、念のためにBASE64を使用）：

• http://imgur.com/REQ2E.pngメインスプライト
• http://i.imgur.com/Mnp0q.png

• margin-left: auto; 
  margin-right: auto; 
  min-width: 960px; 
  max-width: 1260px; 
  padding: 0px 20px 0px 20px; 
  overflow: visible; 
  

  はテーブルとデザインの作業http://imgur.com/Mnp0q.png

Answer 1

メニューのリスト項目を使用します。あなたは、私がcurrenlyに取り組んでいたプロジェクトを表示できます。これを設定する方法の例について ：あなたも

オープンULナビゲーションを見つけること下に「navigatie」のソース検索で

http://basenharald.nl/3d/ をhttp://basenharald.nl/3d/css/style.css "#nav"のソース検索で。これは、ナビゲーションを設定するCSSの部分です。