IE stellt zeichen grösser dar als Firefox

[FreddyS]

Jetzt habe ich noch einmal eine frage:

h3
{
/* Schriftgröße relativ zu font-size: 0.8em; bei body */
font-size: 0.9em;
margin-bottom: 5px;
}

IE stellt den Inhalt h3 total anders (fett) dar als Firefox.

Wie kann man das verhindern ??

 

[_Thor_]

Indem du die Eigenschaften setzt, die du haben möchtest.

Wenn es nicht fett sein soll, musst du

font-weight: normal;

setzen, ebenso bei jeder anderen Eigenschaft.

 

[koslowski]

Hi,

Wie kann man das verhindern ??

vielleicht indem du die erste Schriftgröße in der CSS-Datei (body) in Prozent definierst:

body  {
    font-size:100%;
}

Wenn du dort em angibst kann es beim IE zum em font-resizing Bug
kommen.

Weiter unten kannst du für alle Schriftgrößen em hernehmen.

 

[FreddyS]

d.h. IE interpretiert nicht ausdrücklich gesetzte Eigenschaften anders als Firefox ?

Auch beim border ist es ähnlich:

 <div style="text-align:left; padding:2px; border:thin solid green; margin:2px">

thin ergibt beim Firefox tatsächlich einen dünnen Rahmen, beim IE isst der Rahmen viel
stärker

 

[koslowski]

Hi,

thin ergibt beim Firefox tatsächlich einen dünnen Rahmen, beim IE isst der Rahmen viel
stärker

das kann ich mir gut vorstellen, thin ist relativ und kann von jedem anders gesehen werden.
Deshalb würde ich immer mit einer Pixelangabe für den Rahmen arbeiten.

 

[Bernhard]

d.h. IE interpretiert nicht ausdrücklich gesetzte Eigenschaften anders als Firefox ?

Hallo Freddy,

ja, das kann Dir aber auch mit jedem anderen Browser passieren

Grüße
Bernhard