Toni: Abstand in Opera und Safari

Hallo,

Bin gerade dabei ein Formular umzusetzen. Das Problem lag am Anfang daran das die Input-Felder Schatten werfen sollen. Nun hab ich ein Hintergrundbild mit Schatten genommen und das Formular darüber positioniert. Das ganze ging auch recht gut mit FireFox(1.5). Dann hab ichs noch ein wenig für den IE anpassen müssen und nun schauts im IE(5.5, 6), Netscape(7.1) und Firefox(1.5) gut aus.

Nur Opera(8.54) und Safari(2.0.4) machen mir noch einen Strich durch die Rechnung. Wobei ich nicht verstehe warum beim Opera das Formular eingerückt ist?

zu sehen ist das ganze unter:
http://camelmed.at/tmp/form/

Hat wer Rat warum Opera das Formular einrückt bzw. wie ich das umsetzen kann damits in allen Browsern gleich aussieht??

ciao
Toni

  1. Hi,
    Dein Vorhaben, die Elemente pixelgenau über die grafischen Elemente zu positionieren, ist zum Scheitern verurteilt. Verändere im Firefox mal den Schriftgrad...

    freundliche Grüße
    Ingo

    1. zum Scheitern verurteilt? nein bitte nicht!
      Versuch gerade die Elemente mit Pixelangaben und position einzurichten.
      Hmm das mit dem Schriftgrad ist auch nicht fein...

      Gibt es eine andere Methode um einem Input-Feld einen Schatten zu verpassen?

      1. bzw. Kann mir jemand verraten warum der Opera das Formular einrückt?

      2. Hi,

        Gibt es eine andere Methode um einem Input-Feld einen Schatten zu verpassen?

        das geht genauso (umständlich) wie mit anderen Elementen auch. Z.B. mit einem umschließenden Element mit einer entsprechenden Hintergrundgrafik für den Schatten.

        freundliche Grüße
        Ingo

  2. Nur Opera(8.54) und Safari(2.0.4) machen mir noch einen Strich durch die Rechnung.

    Screenshot von Opera 9.02, Safari 2.0.4, Camino 1.03 und Firefox 2 RC2:

    Screenshot

    IE 5.2.3 verhält sich wie Camino.

    Hat wer Rat warum Opera das Formular einrückt

    Hast du für alle Elemente margin/padding gesetzt? Wenn ja, dann
    liegt es daran, dass Opera Formularelemente etwas anders darstellt,
    was schon immer so war.

    bzw. wie ich das umsetzen kann damits in allen Browsern gleich aussieht??

    Ich gehe davon aus, dass das nicht unbedingt einfach wird. Am
    ehesten nachvollziehbar wäre eine Lösung mit relativer
    Positionierung aller Formularelemente und darin befindlicher
    absoluter Positionierung aller Schattengrafiken, idealerweise mit
    der Einheit em, damit die Abstände bei Skalierung der Schrift
    mitwachsen.

    Ich bezweifle, dass das browserübergreifend funktionieren wird.

    Roland

    --
    privoffblaha:)