Antworten auf deine Fragen:
Neues Thema erstellen

schriftgröße in IE und Firefox unterschiedlich

jackykfm

ne pas se fouler

ich habe eine Seite bei der die Darstellung in IE und Firefox unterschiedlich erscheint:


Der dazugehörige Html/Css - Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>impressum</title>
<style type="text/css">
<!--
* {margin:0; padding:0;}

a:link { text-decoration:none; font-weight:normal; color:#000; }
a:visited { text-decoration:none; font-weight:normal; color:#000000; }
a:hover { text-decoration:none; font-weight:bold; background-color:#fff; }
a:active { text-decoration:none; font-weight:normal; background-color:#000; }
a:focus { text-decoration:none; font-weight:normal; background-color:#000; }


    
#outer 
{
width:1200px;
height:800px;
background-image:url(images/back/impressback.jpg);
background-repeat:no-repeat;
background-position:center;
border:0px solid #000;
position:relative;
margin:25px auto 100px auto;
    
}
    

.textbox {
position:absolute;
margin-top:350px;
margin-left:200px;
font-family:Futura Lt BT;
font-size:10pt;
text-align:center;
width:800px;

}


-->
</style>
</head>

<body>
<div id="outer">
<p class="textbox">
 <b>Verantwortlich für Inhalt und Layout.</b><br/>
        Die Inhalte meiner Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als                    Privatperson bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. <br/>
<b>Haftung für Links</b><br/>
      Bei Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe, kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.  Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.<br/>
<b>Urheberrecht</b><br/>
      Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung   außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.Downloads und / oder Kopien dieser Seite sind weder für den privaten, noch für den kommerziellen Gebrauch gestattet. <br/>
© h.kufmueller - 2010/6 - Alle Bilder und Texte dieser Website unterliegen dem Copyright von H.Kufmueller (kfmdesign) und dürfen <b>OHNE vorherige schriftliche   Einverständniserklärung</b> in keiner Form - auch nicht für eigene Zwecke - kopiert, vervielfältigt, veröffentlicht oder anderweitig verwendet werden - 
<br/><br/>
<a href="index.htm"> HOME ></a></p>
</div>
</body>
</html>

Woran kann das liegen? Für Anregungen, Hilfen und Kritik würde ich mich freuen.

LG jackykfm
 
Zuletzt bearbeitet von einem Moderator:

jackykfm

ne pas se fouler

AW: schriftgröße in IE und Firefox unterschiedlich

danke für die schnelle Beantwortung.
Und welche px-Größe entspricht dann 10pt, oder gibt es da einen Umrechnungsfaktor (1pt=xpx)?

LG jackykfm
 

McKinley591

Noch nicht viel geschrieben

AW: schriftgröße in IE und Firefox unterschiedlich

Schriftgröße ist der richtige Hinweis.

Noch besser wäre es wohl, wenn du komplett auf feste Größe verzichtest (pt, px) und relative Größen nimmst, die sich entsprechend anpassen (em, %).

Die Kurzreferenz von Selfhtml bietet eine schöne, kurze Übersicht:
SELFHTML: Navigationshilfen / Kurzreferenz: CSS

Und hier findest du noch ein paar Infos über relative Schriftgrößen:


Google einfach mal ein wenig nach "HTML relative Schriftgrößen" oder etwas in der Art. Wirst du einiges finden. :)
 

karsten1077

Bin wieder da

AW: schriftgröße in IE und Firefox unterschiedlich

jtzt mal so aus neugier, für mich dummen. selbst wenn ich ne feste schriftgröße verwende, warum interpretieren ie und ff das unterschiedlich?

gruß karsten
 

AlexanderBo

Gesperrt

AW: schriftgröße in IE und Firefox unterschiedlich

selbst in pt und mit gleicher "schrift"
"laufen" schriften leider sogar unterschiedlich auf pc und mac...
 

jackykfm

ne pas se fouler

AW: schriftgröße in IE und Firefox unterschiedlich

@McKinley591: Kulando Link war sehr interessant und hilfreich, danke für den Link.
ps. ein alter Grafiker denkt halt immer noch in Punkt-Einheiten.

LG jackykfm
 

Panzerkrokette

Nicht mehr ganz neu hier

AW: schriftgröße in IE und Firefox unterschiedlich

jtzt mal so aus neugier, für mich dummen. selbst wenn ich ne feste schriftgröße verwende, warum interpretieren ie und ff das unterschiedlich?

gruß karsten

Das liegt an verschiedenen "Render" Funktionen der Browser, auch die Kantenglättung ist sehr verschieden. Der MS Browser hat da ganz eigene Vorstellungen von "Schön + lesbar" .... :rolleyes:

So kommt auch eine andere Laufweite ins Spiel....
 

jackykfm

ne pas se fouler

AW: schriftgröße in IE und Firefox unterschiedlich

Nochmals danke an alle für die Tipps, Problem ist durch Umschreiben von "px" auf "em" erledigt.

@karsten1077: schau dir den Link "kulando" von McKinley an, dort wird es gut erklärt.


LG jackykfm
 

fourmilier

Noch nicht viel geschrieben

AW: schriftgröße in IE und Firefox unterschiedlich

Hallo
sicherheitshalber würde ich immer eine alternative Schriftart mitgeben möglichst TrueType ohne Serife
und die Seite im xhtml sowie css Validator von W3C prüfen
Wenn die Seiten W3C Conform sind funktionieren sie in den meisten Browsern relativ gleich.
The W3C CSS Validation Service
HTML / XHTML / XML / WML Validator
jede Seite muss einzeln geprüft werden

diese Version funktioniert in allen aktuellen Browsern
{color:#CDAB7A;
font-style:normal; font-variant:normal; font-weight:bold; font-size:0.8em; font-family:"Times New Roman", Arial, Verdana; letter-spacing:0.2em; text-transform:capitalize; margin:0; padding:0;
}

die Styles würde ich in einer .css Datei ablegen und in die Seite importieren, ist sauberer z.B. so:
<style type="text/css">
@import url(styles/eigenerstyle.css);
</style>
 

holger2

Noch nicht viel geschrieben

AW: schriftgröße in IE und Firefox unterschiedlich

wenn du em werte nimmst bist du immer auf der richtigen seite.
 

AlexanderBo

Gesperrt

AW: schriftgröße in IE und Firefox unterschiedlich

Hallo
sicherheitshalber würde ich immer eine alternative Schriftart mitgeben möglichst TrueType ohne Serife
und die Seite im xhtml sowie css Validator von W3C prüfen...

alternative schriftarten mitzugeben gehört zu den basics.

a lá:
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

validieren ist selbstredent -
ich denke alle sollten valide arbyten -
jibbet ja auch add-ons für ;)

das es alles was hier geschrieben wurde in allen browsern funktioniert ist ja wohl klar ;)

wenn ich zeit habe probiere ich das mal (pc und mac) mit em
(wie auch dein nachredner meinte).

2fel jedoch nachdrücklich daran...
denn px ist px - egal auf welcher platform.

sollte man bildern denn auch die masse in em mitgeben?¿? ;)

s.c.r.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.565
Beiträge
1.538.068
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben