Breite in IE und Opera aber nicht in FF

[knight1]

Hi Com,
habe da ein Problem mit Javascript.
Ich lasse per JS die Breite des Contents der Webseite dynamisch an die Breite des darstellbaren Bereichs des Anzeigefensters des Browsers einstellen.
Dies geschieht mit

with (document)
{
getElementById("main_table").style.width = main_document_width;
...
...
...
}

Zur Info: main_document_width ist eine Variable welche ich vorher deklariere und mit einem Wert vorbelege. Diese Variable macht keinerlei Probleme.

Allerdings macht der Firefox zicken. Der Internet Explorer und der Opera führen den Javascript-Code ohne Fehlermeldungen aus.

Der FF führt den Code nicht aus, schreibt in der Fehlerkonsole aber folgendes

Warnung: Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert.
Quelldatei: Hier die Adresse
Zeile: 0

Hat jemand vielleicht eine Idee warum der Firefox so rumzickt?


Kai aka Knight1

[mn_]

steht in main_document_width nur eine zahl oder auch die einheit (zB px)? wenn nicht die vlt mal ergänzen

[knight1]

Sowohl der IE als auch der Opera und der Firefox zeigen, wenn ich die Variable per alert() ausgeben lasse, eine reine Zahl an. Der Wert kommt von dem Objekt document.body.clientWidth.
Mittlerweile führt der Opera die dynamische Breitenanpassung auch nicht mehr aus und gibt in seiner Fehlerkonsole folgendes aus:

DOM style property
Invalid value for property: width

In Javascript kenne ich mich nicht gut genug aus um den Fehler selbst zu finden. Laut SelfHTML handelt es sich aber um korrektes Javascript. Habe mich an die Beschreibung in SelfHTML gehalten.


Kai aka Knight1

[mn_]

hast dus einmal mit der einheit versucht?

getElementById("main_table").style.width = main_document_width + 'px';

[knight1]

Zitat von mn_

hast dus einmal mit der einheit versucht?

getElementById("main_table").style.width = main_document_width + 'px';

Nein.
Opera und FF meckern ja nicht auf den Wert sondern auf das Objekt width von getElementById("main_table").style.width.

Außerdem. Wenn ich mir im IE per alert(); das getElementById("main_table").style.width ausgeben lasse, so gibt mir dieser den Wert mit der Einheit px zurück, ohne dass ich diese extra manuell anhänge.


Kai aka Knight1

[mn_]

Zitat von knight1

DOM style property
Invalid value for property: width

naja laut der fehlermeldung ist auf jeden fall der wert den width bekommt falsch / ungültig

Zitat von knight1

Außerdem. Wenn ich mir im IE per alert(); das getElementById("main_table").style.width ausgeben lasse, so gibt mir dieser den Wert mit der Einheit px zurück, ohne dass ich diese extra manuell anhänge.

der IE macht viele dinge, wie sachen die fehlen versuchen zu ergänzen, die in andern browsern aber nicht funktionieren

[knight1]

Sorry, hatte die Fehlermeldung wohl falsch gelesen und verstanden.

Also, nochmal von vorne.

Hier eine Beispiel für die Funktion wie ich sie mir geschrieben habe:

function width_values()
{
var main_document_width = document.body.clientWidth;
var side_spacer_cells = (2*10);
var border_cells = (2*6);
 with (document)
 {
 getElementById("main_table").style.width = main_document_width;
 getElementById("top_separator").style.width = main_document_width;
 getElementById("title_cell").style.width = main_document_width-(side_spacer_cells+border_cells);
 getElementById("content_cell").style.width = main_document_width-(side_spacer_cells+border_cells);
 getElementById("content_footer").style.width = main_document_width-(side_spacer_cells+border_cells);
 getElementById("bottom_separator").style.width = main_document_width;
 }
}

Ich erweitere dann nur die Anzahl der getElement...-Zeilen je nach Bedarf.

Die einem meiner früheren Threads erwähnten Fehlermeldungen beginnen schon bei

getElementById("main_table").style.width = main_document_width;

und kommen auch wenn ich es so schreibe

document.getElementById("main_table").style.width = main_document_width;
document.getElementById("top_separator").style.width = main_document_width;
document.getElementById("title_cell").style.width = main_document_width-(side_spacer_cells+border_cells);
document.getElementById("content_cell").style.width = main_document_width-(side_spacer_cells+border_cells);
document.getElementById("content_footer").style.width = main_document_width-(side_spacer_cells+border_cells);
document.getElementById("bottom_separator").style.width = main_document_width;

Aufgerufen wird die Funktion per onload-EventHandler im body-Tag.


Kai aka Knight1

[mn_]

soweit so gut.

du musst eig nur noch die einheit ergänzen, damit der browser weiß, was er damit anfangen soll. px, %,...

die alten IE nehmen als default px. im ie9 wird das auch nicht mehr funktionieren.

getElementById("main_table").style.width = main_document_width + 'px';

das einfach bei allen zeilen machen, dann sollte es auch in allen browsern laufen.
die berechnungen solltest du vlt noch in klammern setzen (a-b) + 'px'

gruß

[knight1]

Ich dachte immer die Browser nutzen automatisch die Einheit welche im Rest des HTML-Codes und den CSS-Dateien genutzt wird.

Nunja. Das anhängen der Einheit (nutze px) hat jedenfalls geholfen, auch ohne die Berechnungen nochmal extra zu Klammern.

Mir war zwar klar dass der FF und der Opera penibler als der IE sind was korrekten Code angeht, allerdings dass die beiden Browser so extrem sensible sind dass sie dann ganz den den Dienst verweigern was Javascript angeht ist schon krass.

Danke mn_ für die Hilfe.


Kai aka Knight1