Wie verwende ich JS, um verfügbaren Speicherplatz zu füllen?

Question

Ich habe im www nach einer Lösung gesucht, die sich mit der Frage beschäftigt: Wie kann ich screen.availWidth oder etwas ähnliches im zweiten inneren div von this fiddle verwenden, um den verfügbaren Platz zu füllen? Ist es möglich?

Vielen Dank.

Answer 1

Mögliche in der Tat: http://jsfiddle.net/6fLDS/57/

Die erforderlichen JS:

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

Diese Sie die Gesamtbreite der anderen DIV-Elemente zu hart Code erfordert, ist es möglich, dass in Code zu lesen .. sollte nicht kompliziert sein, so etwas zu dem obigen Code hinzuzufügen.

Answer 2

Diese migth sein, was Sie wollen:

<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> 

bearbeiten: Ihr Problem sieht aus wie die 3-Spalten-Layout: http://css-discuss.incutio.com/wiki/Three_Column_Layouts