• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit IE - line heigh

nipoda

Neues Mitglied
Hallo,

also, folgendes Problem. Ich will den Text exakt so dagestellt haben, wie es im Firefox und Opera auch passiert. Doch der IE-Ekplorer formatiert weder Torwart und setzt Pouplin halb aus dem Bild. Warum?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SC Freiburg 1904 - Der Kader</title>
<font face="Arial">
<body style="margin: 0;">
</head>
<body>

<style  type="text/css">
h1 {color: #DF0101; font:bold 16px Arial; line-height: 3px;}
p1 {color: #000000; font:13px Arial; line-height: 4px;}
p {color: #000000; font:13px Arial; line-height: 13px;}
</style>
<h1>Simon Pouplin</h1>
		<p1>Torwart</p1><br>
		<p>Geboren am 18. 5. 1985<br>Beim SC seit: Juli 2008</p>
</body>
</html>

Danke im Vorraus.
 
Danke, aber "Simon Pouplin" haut es immernoch aus dem Bildschirm...

Außerdem sind jetzt die <p>s zu weit unten...
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SC Freiburg 1904 - Der Kader</title>
<font face="Arial">
<body style="margin: 0;">

</head>
<body>

<style type="text/css">
h1 {color: #DF0101; font:bold 16px Arial; line-height: 3px;}
p1 {color: #000000; font:13px Arial; line-height: 4px;}
p {color: #000000; font:13px Arial; line-height: 13px;}
</style>

<h1>Simon Pouplin</h1>
<p1>Torwart</p1><br>
<p>Geboren am 18. 5. 1985<br>Beim SC seit: Juli 2008</p>
</body>
</html>

Das gehört da nicht hin: löschen.

Das gehört auch nicht an diese Stelle, sondern innerhalb des Headbereichs.

p1 gibt es nicht, wie bereits gesagt.

Hier findest du erklärt, wie man Styles einbindet.

Wenn die Schrift 16px groß ist, dann sollte die line-height mindest ebenfalls so groß sein, eher mehr, damit zwischen den Zeilen etwas Abstand herrscht.
Siehe hier, Ziffer 2
 
Zurück
Oben