CSS Schriftgrößen Problem ohne Browserweiche lösen?

Gutschy · 13.02.2005, 14:14

Hi,

!versuche! mich mal wieder als Webdesigner und stehe vor dem wohl älteren Problem das die Schriftgrößen im IE und FF verschieden interpretiert werden, wollte eigentlich wieder eine Browserweiche einbauchen die die entsprechenden CSS Datei anwendet. Einige User meinten hier das Browserweichen eigentlich schon überflüssig sind und man den Quellcode schon leicht so Stricken kann das es kaum zu Darstellungsfehlern kommt.

Also ich hab hier mal eine spartanischen Seite. http://mcgutschy3.piranho.com/index.html

Unter FF passt die Schrift, aber im IE wird sie viel zu klein dargestellt. In der CSS Datei heißt an der entsprechenden Stelle:

#text1 {
font-family: times;
color: white;
font-size: 20px;
width: 570px;
position: absolute;
top: 50px; left:275px;
z-index: 3;
}

Hab die ganze CSS Datei noch mal angehängt, vielleicht kann man es ja für alle Browser allgemein schreiben. Schon mal im Voraus....

THX

Gutschy

13.02.2005, 14:37

moinsen

Zitat:

Unter FF passt die Schrift, aber im IE wird sie viel zu klein dargestellt.

dann gib dem ollen ie doch noch n paar px mehr, wenn du die schrift zu klein findest:

HTML-Code:

* html #text1 {font-size: 22px;}

Gutschy · 13.02.2005, 16:01

Mit anderen Worten ich brauch eine Browserweiche, oder?

13.02.2005, 16:29

naja, so wirklich nicht.
du musst du die anweisung (die nur der ie versteht) einfach nur in deinem css notieren.

designfanatiker · 13.02.2005, 17:17

Zitat:

Zitat von Gutschy

!versuche! mich mal wieder als Webdesigner und stehe vor dem wohl älteren Problem das die Schriftgrößen im IE und FF verschieden interpretiert werden

Das Problem hatte ich noch nie. Eine in "px" definierte Schriftgröße sieht bei mir im IE und im Firefox identisch aus. Bei deiner Beispielseite variert nur die Schriftgröße der Überschrift "Willkommen bei Karin". Du hast diese Überschrift mit dem Element hu ausgezeichnet, das aber IMO nicht existiert. Warum verwendest du nicht eine Überschrift passender Ordnung (h1 bis h6)?

13.02.2005, 17:41

soweit hab ich gar nicht gekuckt.
ja, daran liegt es dann wohl

Gutschy · 13.02.2005, 18:01

Tja,

zuerst <hu> ist in der CSS Datei definiert und wird auch vom FF richtig interpretiert. Das mit den Überschriften ist ja wohl eher eine Geschmacksfrage als Notwendigkeit. Ausserdem erklärt das nicht mein Problem.

ingo.d wie soll ich eine Anweisung schreiben die nur der IE versteht

. Ich dachte diese spezial tag Geschichten währen nur für den NS 4.7 noch interessant.

Gutschy

Gutschy · 13.02.2005, 18:13

Nachtrag:

Die Schrift im FF wird ungefähr dreimal größer als beim IE, jetzt mal von kleinen Positionsabweichungen abgesehen.

13.02.2005, 18:19

es gibt kein <hu>!!!

nimm eine überschrift von h1 bis h6 und formatier sie nach deinen wünschen.

Zitat:

wie soll ich eine Anweisung schreiben die nur der IE versteht

halt so, wie ichs oben schon geschrieben hab,

designfanatiker · 13.02.2005, 19:24

Zitat:

Zitat von Gutschy

zuerst <hu> ist in der CSS Datei definiert und wird auch vom FF richtig interpretiert. Das mit den Überschriften ist ja wohl eher eine Geschmacksfrage als Notwendigkeit. Ausserdem erklärt das nicht mein Problem.

Doch, genau das tut es.

Zitat:

Zitat von Gutschy

Die Schrift im FF wird ungefähr dreimal größer als beim IE [...]

Nur die von dir falsch ausgezeichnete Überschrift oder der gesamte Text?

321 · 13.02.2005, 19:50

Mit CSS kann man nicht neue HTML-Tags erfinden!
<hu> wie es im Quelltext notiert ist</hu> gibt es nicht, wird also ignoriert und der Text dazwischen als unformattierter Text betrachtet. <div id="text1"> ist das letzte gültige Tag davor, das einfluss auf die Schrift hat und wird somit berücksichtigt.

Notiere wie Dir schon geraten wurde etwas von <H1> bis <H6> oder <span> und gib class="hu" oder id="hu" an. Im CSS notiere dann .hu oder #hu !

Gutschy · 14.02.2005, 01:37

Na gut, na gut,

vielleicht bin ich schon zu lange MS weg, dabei dachte ich eigentlich der IE6 frisst fast alles. Vielleicht interpretiert der FF den <hu> tag ja auch schon als XML, zumindest tut er so wie gewünscht.

DukeXP: jetzt wird kompliziert, der FF auf Linux nimmt einen anderen Zeilenabstand raus als der FF unter Windows, hab ich erst gerade gesehen weil die Win Emulation ein bischen zickig war. Die Schrifgrößen unterschiede sind gar nicht so krass wie gedacht. Der IE stellt die Schrift vielleicht 2-3 Pixel kleiner da, aber bei einem viel kleineren Zeilenabstand. Der Text ist am schmalsten im IE, macht zum FF unter Windows bestimmt 1,5 Zeilen aus. Der FF unter Linux nimmt den gesammten vorgesehen Platz. Ja, und der IE formatiert <hu> gar nicht. Wird umgeschrieben, versprochen

.

Ok, ihr alle habt recht aber ich kann ja jetzt wieder mit dem IE testen und solche Schnitzer spar ich mir dann. Die grafischen Elemente werden bei alle dreien exakt gesetzt, nur die Text Teile unterscheiden sich, vielleicht krieg ich das mit Formatanweisungen hin. Oder doch noch eine Browserweiche??

Auf jeden Fall danke an euch für eure Hilfe, jetzt muß ich mal erst zusehen

Gutschy

walter · 14.02.2005, 09:24

Ich gebe auch kurz meinen Senf dazu um dich davon abzuhalten eine Browserweiche für Schriften einzubauen.

Wenn du regelkonformes html codest, dann brauchst du mit Sicherheit keine Browserweiche für Schriften oder Schriftgrößen.

Der FF und IE sollte die Schriften dann nahezu gleich darstellen. Ganz minimale Unterschiede wird es evtl. geben, aber keine gravierenden.