div-fill flottant largeur disponible

Question

Je dois divs flotté, l'un est sur la gauche, l'autre sur la droite. Ce que je veux faire (sans js), c'est que la bonne div remplit l'espace disponible (largeur: 100%). Le problème est que la div gauche a une largeur dynamique, sinon je pourrais simplement utiliser margin-left. J'ai également essayé l'affichage: table-cellule; mais cela ne me permettra pas d'utiliser la marge, seulement l'espacement des frontières.

Une suggestion?

Answer 1

Vous pouvez probablement le faire comme ceci, fonctionne dans IE8 et mieux, dans FF, dans Safari. Vous pouvez utiliser le remplissage au lieu de la marge, comme dans cet exemple:

<style> 
    .c_0 { 
     display:  table; 
     width:   100%; 
     border:   4px solid orange; 
    } 

    .c_1 { 
     display:  table-cell; 
     width:   20%; 
     border:   1px solid red; 
     padding-right: 20px; 
    } 

    .c_2 { 
     display:  table-cell; 
     border:   1px solid blue; 
    } 
</style> 

<div class="c_0"> 
    <div class="c_1"> 
     has a width and padding instead of margin 
    </div> 
    <div class="c_2"> 
     has the rest 
    </div> 
</div> 

EDIT

Cela ne fonctionne avec "%" sur la première ligne. Je l'ai vu trop tard, que vous voulez des pixels.