Comment utiliser JS pour remplir l'espace disponible?

Question

J'ai été la recherche sur le www pour une solution traitant de la question: Comment puis-je utiliser screen.availWidth ou quelque chose comme ça dans le deuxième div interne de this fiddle pour remplir l'espace disponible? Est-ce possible?

Merci.

Answer 1

possibles en effet: http://jsfiddle.net/6fLDS/57/

Les JS requis:

var _otherDivsTotalWidth = 100; 
window.onload = function WindowLoad() { 
    var oDiv = document.getElementById("test"); 
    if (oDiv) 
     oDiv.style.width = (document.body.scrollWidth - _otherDivsTotalWidth -30) + "px"; 
} 

Cela vous oblige à coder en dur la largeur totale des autres éléments DIV, il est possible de lire que dans le code .. ne doit pas être compliqué d'ajouter une telle chose au code ci-dessus.

Answer 2

Ce migth ce que vous voulez:

<div style="position: relative;"> 
    <div style="position: absolute; width:50px;border:1px solid red;left: 0;">1</div> 
    <div id="test" style="border: green 1px solid; margin: 0 50px;">2</div> 
    <div style="position: absolute; width:50px;border:1px solid red;right: 0; top: 0;">3</div> 
</div> 

Modifier: votre problème ressemble à la mise en page 3 colonnes: http://css-discuss.incutio.com/wiki/Three_Column_Layouts