xHTML/CSS: Comment rendre intérieure div obtenir 100% de la largeur de moins d'un autre div de largeur

J'ai 2 divs imbriqués à l'intérieur extérieur, qui a width:100%. Les deux divs imbriqués doit être sur une seule ligne et premier doit obtenir la taille de son contenu:

<div id="#outer" style="width:100%; border:1px">
  <div id="#inner1" style="border:1px; display:inline">
    inner div 1. Some text...
  </div>
  <div id="#inner2" style="width:100%????; border:1px; display:inline">
    inner div 2...
  </div>
</div>

Question est comment faire #inner2 div pour le repos de l'espace horizontal si la largeur de la #inner1 div n'est pas spécifié et dépend de ce qu'il est à l'intérieur?

P. S. Tous les styles sont dans des classes séparées, dans mon cas, ici, j'ai mis le CSS dans les attributs de style juste pour la simplification.

Je veux la suite de travailler dans IE7+ et FF 3.6

Dans plus de détails pour moi, il ressemble à ceci:

 <style type="text/css">
.captionText
{
 float:left;
} 

.captionLine
{
 height: 1px;
 background-color:black;
 margin: 0px;
 margin-left: 5px;
 margin-top: 5px;
 border: 0px;
 padding: 0px;
 padding-top: 1px;
}
 </style>
<table style="width:300px;">
<caption width="100%">
     <div class="captionText">Some text</div>
     <div class="captionLine"> </div>
</caption>
     <tr>
           <td>something</td>
     </tr>
</table>

Ici est à l'image de ce que je veux:
xHTML/CSS: Comment rendre intérieure div obtenir 100% de la largeur de moins d'un autre div de largeur

  • Je sais que je peux le faire avec des tables, mais je veux le faire avec les divs
  • Il ne serait probablement pas être évident avec les tables de bien. Je n'ai jamais très bien compris les règles, les navigateurs utilisent pour calculer non définis au tableau des largeurs de colonne.
InformationsquelleAutor Artem | 2010-02-04