Olaf: Problem mit style.width und float im Firefox

Hallo zusammen,

ich habe ein DIV, in dem ein Iframe mit einer Breite von 100% liegt.

<div ID="iframediv">
   <iframe...
</div>

Das ist der Style des DIV

#iframediv {
  height: 400px;
  width: 700px;
  padding-left: 5px;
  float: left;
}

Nach dem Laden der Seite soll ich die Breite des "iframediv" per Javascript verändern.

...document.getElementById('iframediv').style.width=1500;

bleibt aber im Firefox wirkungslos. Im IE klappt alles. Vermutlich liegt es am float:left, an dem ich in diesem Layout aber nicht vorbeikomme.

Ich habe dem div schon "display:inline" als Style zugeiwesen, auch das bringt im FF nichts.

Wie kann ich denn in einem gefloateten DIV die Breite dynamisch per javascript ändern? Geht das überhaupt?

Vielen Dank & Grüsse

Olaf

  1. Hallo Olaf,

    ...document.getElementById('iframediv').style.width=1500;

    Da fehlt die Maßeinheit. Teste mal:

    document.getElementById('iframediv').style.width="1500px";

    Jonathan

    1. Hallo zusammen,

      vielen Dank. Die Masseinheit war's.

      Viele Grüsse

      Olaf

  2. ...document.getElementById('iframediv').style.width=1500;

    bleibt aber im Firefox wirkungslos. Im IE klappt alles. Vermutlich liegt es am float:left, an dem ich in diesem Layout aber nicht vorbeikomme.

    Wenn das so ist (warum hat Jonathan schon gesagt), dann läßt du deine Seite im Quirksmodus anzeigen, dass solltest du vermeiden, in diesem Modus sind die Browser zwar nicht so streng in der Interpretation von JS oder auch CSS, allerdings treten dadurch auch Darstellungsfehler auf.

    Struppi.