Seitendarstellung FF vs. IE - F i n e t u n i n g

    Hallo Zusammen,

    als früherer IE-Nutzer (schäm) hätte ich gerne, dass der FF die entsprechenden Internetseiten genauso darstellt. Mir geht es nicht um irgendwelche abgefahrenen Flash/Java/php/etc... Seiten, sondern z.B. die Seite von Google. in meinem IE sieht die folgendermaßen aus (ich hab das Pnther-StyleXP Theme, deshalb die schönen blauen Buttons :wink: :(

    [Blockierte Grafik: http://home.arcor.de/florian.baumer/iexplorer.jpg]

    Im Vergleich dazu der FF in den Normalen Einstellungen (Schriftgröße auf 17px eingestellt, damit der Seitentext wie im IE aussieht:

    [Blockierte Grafik: http://home.arcor.de/florian.baumer/ffnormal.jpg]

    Dabei ergeben sich folgende Unterschiede: die Schriftgröße im Google-Eingabefeld ist deutlich kleiner (obwohl der übrige Text identisch ist) und die Beschriftung der Buttons ist nach unten geschoben.

    Wenn ich nun in der userContent.css die Schriftgröße für Eingabefelder auf 16px setze (mit input { font-size:16px } ), dann erhalte ich dieses Ergebniss:

    [Blockierte Grafik: http://home.arcor.de/florian.baumer/ffchanged.jpg][/img]

    Nun passt zwar die Schrift im Eingabefeld, aber die Schriftgröße der Buttons ist auch größer (klar, ist ja auch ein Input-Element).

    Wie kann ich also zwischen Button und Eingabefeld unterscheiden, so dass nur die Schrift im Eingabefeld sich verändert?
    Und wie kann ich die Position der Buttonbeschriftung verändern?

    Ich weiß, das sind nur Kleinigkeiten, aber die müssten doch hinzukriegen sein!

    Gruß

    newbee

    Nur Schriftgröße vom Texteingabefeldern ändern:

    Code
    input[type=text]{font-size:...}

    Die fehlerhafte pos. der Beschriftung hat damit zu tun, dass der Firefox das XP-Style noch nicht vollständig unterstützt. Hier gibt es m.W. keine einfache Lösung. Aber du kannst ja mal mit folgenem rubprobieren:

    Code
    input[type=submit],
input[type=reset],
input[type=button],
button{
padding-top:2px;
padding-bottom:4px;
}


    Mit dem Werten musst du natürlich experimentieren...

    Zitat

    Die fehlerhafte pos. der Beschriftung hat damit zu tun, dass der Firefox das XP-Style noch nicht vollständig unterstützt. Hier gibt es m.W. keine einfache Lösung. Aber du kannst ja mal mit folgenem rubprobieren:

    Code
    input[type=submit],
input[type=reset],
input[type=button],
button{
padding-top:2px;
padding-bottom:4px;
}


    Mit dem Werten musst du natürlich experimentieren...

    Danke für die Hilfe, hiermit klappt es!!! :D:D:D