内部divは親の幅に合っていません

Question

私は3つの内部divをすべて左に浮かしています。それらは幅100％の親divに折り返されます。 私は最初の内側のdivを特定の幅に設定してから、次のものはxの背景を繰り返すように設定され、右側のものはその隣に座っています。

背景のスプライトを保持するだけのコンテンツはありません。 左のdiv、center div、right divがあります。 中央のものはタイルし、外側のものはタイルしません。私が抱いている問題は、彼らが特定の幅を必要としているか、そうでなければ背景が見えないということです。そこに中心を見せる方法があります。私は幅100％を試しましたが、何もしませんでした。私はそれを動作させるための唯一の方法は、親の表示をテーブルに設定することです。そして内側のものをテーブルセルに変換します。しかしこれはIE7ではサポートされていません。

  <div id="subNav"> 
       <div class="subNav-left"></div> 
       <div class="subNav-middle"></div> 
       <div class="subNav-right"></div> 
      </div> 

Answer 1

流動的な背景を表示したいと考えています。最初のdivはストリップの左側部分を示し、3番目の部分は最後の部分を示し、中間の部分は背景を繰り返して流体になります。余分なコーディングなしで、ちょうどメインのdivに繰り返し背景を割り当てることを達成し、かつそれぞれの背景を持つ、2つの内側のdivをフロートするには、次の

<div id="subNav"> 
    <div class="subNav-left"></div> 
    <div class="subNav-right"></div> 
    <div class="clear"></div> 
</div> 

とCSS：

<style> 
#subNav{ 
    background: url(repeating_bk.png) top left repeat-x; 
    width:100%; 
} 
.subNav-left{ 
    width: 50px; /* specified */ 
    height: 20px; /* specified */ 
    background: url(left.png) top left no-repeat; 
    float:left; 
} 
.subNav-right{ 
    width: 50px; /* specified */ 
    height: 20px; /* specified */ 
    background: url(right.png) top right no-repeat; 
    float:right; 
} 
.clear { clear:both; } 
</style> 

はそれがお役に立てば幸いです。