JavaScript-Probleme mit Firefox

[cR@zY.EnGi.GeR]

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]

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]

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]

Ein wenig mehr Quellcode oder ne URL?

 

[cR@zY.EnGi.GeR]

Ein wenig mehr Quellcode oder ne URL?

Die Seite iss noch net online.

Das ist der Code für den Button:

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

/edit

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

 

[cR@zY.EnGi.GeR]

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

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]

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]

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]

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.