[JS] Größe von Objekten ändern Problem

Hallo, ich habe auf meiner Seite mehrere Objekte mit der klasse "streamfenster". Durch Javascript sollen die größen geändert werden:

var bla = document.getElementsByClassName("streamfenster");
    for(var i in bla){
      bla[i].width = x+"px";
      bla[i].height = y+"px";
    }

Allerdings wird nur die größe der <object> mit der klasse "streamfenster" und nicht die der <div> oder <li> geändert.

Das Problem ist zu sehen auf http://zuyas.de/beta/
Wenn man jetzt im Menü (links) die Größe ändert, wird nur die Größe der <object> geändert.

Ich hoffe Ihr könnt mir weiter helfen, mir fällt nicht ein woran das liegen kann.

lg Zuyas

Shade Of Mine

Verwende jQuery.

Dann ist das ganze viel simpler.

Weiters: streamfenster klingt nicht wirklich wie eine Klasse. Sicher dass du mehrere Tags mit der Klasse streamfenster haben willst und nicht ein div mit der ID streamfenster und alle Elemente im div passen sich der Breite des divs an?

Ansonsten: inline CSS verwendet man eigentlich so gut wie nie. Am besten waere es eine CSS Klasse zu verwenden.

Mit jQuery wuerde das ganze so aussehen:

$('.streamfenster').css({width:x+"px", height:y+"px"});

Vielen Dank für die Antwort. Ich frage mich grade selbst warum ich es nicht mit jQuery gemacht habe.. Naja, vielen Dank! Es funktioniert jetzt