title: Div horizontal aligning, one fixed, one adaptive
body: <p>I would like to create a vertical splitted site structure using two divs:</p>
  
  <pre><code>&lt;div id="d1" style="width:100px;float:left"&gt;&lt;/div&gt;
  &lt;div id="d2" style="width:auto;float:left"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My intention is to have d2 next to d1 in a horizontal align structure (same line).
  What i get is not this.
  In fact using that code, d2 does not take the remaining space, but collapses to the min width.</p>
  
  <p>if I use</p>
  
  <pre><code>&lt;div id="d1" style="width:100px;float:left"&gt;&lt;/div&gt;
  &lt;div id="d2" style="width:100%;float:left"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>WRONG because d2 goes down and takes all the space (but both divs are in different lines).</p>
  
  <p>HOW TO REACH MY OBJECTIVE? Is there a design pattern for this problem????</p>
  
  <p>Thanks.</p>
  
  <hr>
  
  <p>OK THIS SHOULD BE THE RIGHT QUESTION...</p>
  
  <p>Hello everyone. I would like to create a vertical splitted site structure using two divs:</p>
  
  <pre><code>&lt;div id="d1" style="width:100px;float:left"&gt;&lt;/div&gt;
  &lt;div id="d2" style="width:auto;float:left"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My intention is to have d2 next to d1 in a horizontal align structure (same line). What i get is not this. In fact using that code, d2 does not take the remaining space, but collapses to the min width.</p>
  
  <p>if I use</p>
  
  <pre><code>&lt;div id="d1" style="width:100px;float:left"&gt;&lt;/div&gt;
  &lt;div id="d2" style="width:100%;float:left"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>WRONG because d2 goes down and takes all the space (but both divs are in different lines).</p>
  
  <p>HOW TO REACH MY OBJECTIVE? Is there a design pattern for this problem????</p>
  
  <p>Thanks.</p>