JavaScript-Probleme mit Firefox

cR@zY.EnGi.GeR · 26. Dezember 2004

Hallo Leutz,

versuche schon seit ner Weile, meine neue Webseite (noch nicht online) Firefox kompatibel zu machen. Jedoch habe ich bisher keinen Befehl gefunden, welcher equivalent zum IE-Befehl "offsetWidth" ist. Beim IE ist "offsetWidth" immer gleich groß, beim Firefox dagegen so groß, wie der sichtbare Wert im DIV-Tag. Also wenn z.B. etwas von rechts nach links scrollt, wird "offsetWidth" beim Firefox immer größer, beim IE ist "offsetWidth" immer die maximale Länge des Wertes im DIV-Tag.

Ein weiteres Problem besteht darin, dass Images, welche auf BUTTON-Tags gelegt werden, beim Firefox immer um 3 Pixel nach rechts und einen Pixel nach unten verschoben werden, obwohl "padding" den Wert 0 hat.

Ich hoffe, ihr könnt mir helfen.

Thx.

PuppetMaster · 26. Dezember 2004

Probiers mal mit

style="border:none;margin:0px;padding:0px;display:block;"

Damit hab ich schonmal so ein ähnliches Problem umgangen...

cR@zY.EnGi.GeR · 26. Dezember 2004

PuppetMaster schrieb:
Probiers mal mit

style="border:none;margin:0px;padding:0px;display:block;"

Damit hab ich schonmal so ein ähnliches Problem umgangen...

Hab ich schon alles ausprobiert, funktioniert leider net.

[UPS]Erazor · 27. Dezember 2004

Ein wenig mehr Quellcode oder ne URL?

cR@zY.EnGi.GeR · 27. Dezember 2004

[UPS]Erazor schrieb:
Ein wenig mehr Quellcode oder ne URL?

Die Seite iss noch net online.

Das ist der Code für den Button:

Code:

<button class="button" style="position:absolute;top:100px;left:100px;width:53px" type="button" onClick="login(1,1)" onMouseOver="loginPic(2)" onMouseOut="loginPic(1)">
<img id="login1" src="../login1.png" alt="Login" title="Login">
</button>

.button
{
 border:1px solid black;
 height:21px;
 background-color:#FFFFFF;
 padding:0px;
 cursor:pointer;
}

Der restliche Code ist zu umfangreich, der befindet sich in 1 .htm, 1 .css, 2 .js und 3 .php-Dateien.

Aber wie gesagt, ich brauche nur einen Befehl, welcher equivalent zum IE-Befehl "offsetWidth" ist.

PuppetMaster · 27. Dezember 2004

/edit

Mit "border:none" im Button-Style scheints zu funktionieren...

cR@zY.EnGi.GeR · 27. Dezember 2004

PuppetMaster schrieb:
/edit

Mit "border:none" im Button-Style scheints zu funktionieren...

Bei mir fehlt dann nur der Rahmen, sonst hat sich leider nix geändert

Habs gerade mit Firefox 1.0 getestet.

PuppetMaster · 27. Dezember 2004

Stimmt, ist durch den fehlenden Rahmen nur nicht sichtbar. Hab jetzt selbst länger rumprobiert, bin aber zu noch keinem brauchbaren Ergebnis gekommen.

cR@zY.EnGi.GeR · 27. Dezember 2004

PuppetMaster schrieb:
Stimm, ist durch den fehlenden Rahmen nur nicht sichtbat. Hab jetzt selbst länger rumprobiert, bin aber zu noch keinem brauchbaren Ergebnis gekommen.

Vielleicht isses auch garnet möglich. Aber eventuell hat ja jemand ne Lösung (hoff).
Trotzdem thx.

[UPS]Erazor · 27. Dezember 2004

Hab grad experimentiert. Wenn du das Bild als Hintergrund reinmachst, funktionierts wie gewünscht... allerdings nur in Mozilla. Im IE siehts wieder recht schäbig aus, du hast dann noch nen kleinen weißen Rahmen dazwischen.

Das mit [FONT=Courier New, Courier, monospaced]border: none;[/FONT] funktioniert auch nicht. Du siehst dann halt keinen Rahmen mehr das Bild ist dennoch verschoben.

Lass den kompletten Button am besten weg. Mach an das img Tag das onclick und onmouseover etc. Das sollte den gleichen Effekt bringen und du bist kompatibel.

cR@zY.EnGi.GeR · 28. Dezember 2004

[UPS]Erazor schrieb:
Hab grad experimentiert. Wenn du das Bild als Hintergrund reinmachst, funktionierts wie gewünscht... allerdings nur in Mozilla. Im IE siehts wieder recht schäbig aus, du hast dann noch nen kleinen weißen Rahmen dazwischen.

Das mit [FONT=Courier New, Courier, monospaced]border: none;[/FONT] funktioniert auch nicht. Du siehst dann halt keinen Rahmen mehr das Bild ist dennoch verschoben.

Lass den kompletten Button am besten weg. Mach an das img Tag das onclick und onmouseover etc. Das sollte den gleichen Effekt bringen und du bist kompatibel.

Mit nem Input-Tag und type="image" funktionierts ja, aber ich möchte nen Button haben, d.h., dass sich der Button eindrücken lässt, wenn man draufklickt, so wie beim IE. Beim Firefox gibts ja keinen Unterschied zwischen Button und Input beim Draufklicken.

Gibts beim Firefox eventuell nen Tag, mit dem man einen Button wie im IE erzeugen kann?

EDIT:
Als vorübergehende Lösung überprüfe ich jetzt, mit welchem Browser die Seite geladen wird und erstelle dann Grafikbuttons beim IE mit dem Button-Tag und beim Firefox mit dem Input-Tag.

Suche

JavaScript-Probleme mit Firefox

cR@zY.EnGi.GeR

Lt. Commander

Anhänge

PuppetMaster

Admiral

cR@zY.EnGi.GeR

Lt. Commander

[UPS]Erazor

Lieutenant

cR@zY.EnGi.GeR

Lt. Commander

PuppetMaster

Admiral

cR@zY.EnGi.GeR

Lt. Commander

PuppetMaster

Admiral

cR@zY.EnGi.GeR

Lt. Commander

[UPS]Erazor

Lieutenant

cR@zY.EnGi.GeR

Lt. Commander

Ähnliche Themen