[patrick in space]

Hallo zusammen,

mein erster Beitrag und ich hoffe ich werde nicht gleich erschlagen
Hab vorher auch brav die Suche benutzt und FAQ gelesen, zu dem folgenden Problem leider aber nichts gefunden:

Ich baue gerade am Mac in Firefox/Safari eine Seite. CSS ist in em gegeben.
Sieht auch alles super aus, bis mein Entwickler, der unter Linux arbeitet, meinte, dass die Input-Felder noch viel zu breit sind. Bei mir sieht es am Mac alles super aus. Anscheinend liegt das Problem an der falschen Schriftart für die Inputfelder.

Er nimmt bei mir laut firebug unter berechnet 11px Lucida Grande, obwohl Arial als Font-Family festgelegt ist und auch unter firebug in css aktiv ist. Unter Windows und Linux nimmt er 13px Arial(ebenfalls in Firefox, auch in Chrome), dementsprechend sind Weite und Höhe der Input-Felder deutlich grösser.

Ich hab schon versucht input explizit die font-family zuzuweisen, er will aber definitiv kein Arial benutzen....

Keiner vom Projekt-Team hat so wirklich einen Ansatz, hoffe Ihr könnt mir/uns da weiterhelfen.

Danke schon einmal für jegliches Feedback!

Viele Grüße,
Patrick

[andir]

Wie sieht denn dein CSS bezüglich der Schriften und der Inputfelder aus?
Vererbt sich da was? (Firebug..)

Arial oder ein Lucida-Schnitt ( als fallback aufnehmen) muss auf den Rechnern natürlich vorhanden sein, sonst wird eine andere Schrift genommen. Lucida läuft bei gleicher Schriftgrösse etwas breiter als die Arial, aber beim Verhältnis 13/11 ist natürlich die Arial der "Gewinner".

Poste doch mal dein CSS oder besser noch einen Link.... testdatei genügt.

[patrick in space]

Wie beschrieben:

Vererbt Arial, berechnet aber Lucida Grande. Ist auf allen Macs hier in der Firma so und eben auch in Safari,
Arial ist natürlich vorhanden, und bei allen anderen Elementen kommt auch Arial, sogar bei den anderen Input-Typen!

Guck mal in den Screens steht alles relevante:

Bildschirmfoto 2010-09-28 um 11.44.16.pngBildschirmfoto 2010-09-28 um 11.44.36.png

Unter Windows/Linux würde eben im zweiten Screen Arial 11px stehen.

Danke,
Patrick

[patrick in space]

Ich habs selber gelöst, aus irgendeinen Grund ignoriert "input" die font-size:75% im Body, auch wenn Firebug es so anzeigt... und bei 100% macht der das dann je nach System anders

Ich hab es jetzt noch einmal direkt dem Element zugewiesen und es geht....

Jemand eine Erklärung dafür? Oder einfach Augen zu und weiter

[andir]

Ich hatte mich auch schon über die berechneten Angaben gewundert:
75% von 16px (default) sind 12 und nicht 11 oder 13 px (egal was)

Eine Erklärung habe ich nicht, nur eine Vermutung:
Möglicherweise wird bei nicht expliziter Vergabe einer Schriftgröße für ein input-Element die Systemeinstellung oder die Browser-defaulteinstellung übernommen - die kann natürlich von deiner Darstellung abweichen. Gefunden habe ich dazu nichts, aber es ist nicht unwahrscheinlich. Andererseits sind auch noch andere Gründe denkbar, mir fällt grade bloß keiner ein

[patrick in space]

Unsere Diskussion hier intern endete genau so

Danke fürs Mitdenken!