• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

line-height im IE

M

MediaFemme

New member
Hi,

line-height wird im Explorer nicht umgesetzt... :( Gibt's da einen Trick? Oder sollte es normalerweise funktionieren und nur bei mir geht's nicht? (z. B. line-height: 200%)

Grüße,
Media
 
Moin!
MediaFemme schrieb:
Da kann nicht viel falsch sein oder?
Zum Vergrößern anklicken....
Vielleicht im HTML?
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example</title>
<style type="text/css">
<!--
#nav p{
text-align: left;
font-size: 10pt;
line-height: 10em;
}
-->
</style>
</head>
<body>
<div id="nav">
<p>blah</p>
<p>blah</p>
<p>blah</p>
<p>blah</p>
</div>
</body>
</html>
Ahoi - Pit
 
pit-r schrieb:
Moin!Vielleicht im HTML?
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example</title>
<style type="text/css">
<!--
#nav p{
text-align: left;
font-size: 10pt;
line-height: 10em;
}
-->
</style>
</head>
<body>
<div id="nav">
<p>blah</p>
<p>blah</p>
<p>blah</p>
<p>blah</p>
</div>
</body>
</html>
Ahoi - Pit
Zum Vergrößern anklicken....
Muss jedes blah in ein extra <p>? Ich hab alles in einem. Aber hab's grad auch mit extra <p> versucht. Geht auch nicht. :( Kann's vielleicht an einem Bild vor der Zeile liegen?

<img src="../pfeil.gif" width="6" height="9" alt="">
 
Hi!

An dem Bild sollte es nicht liegen und die blah's kannste auch so versuchen:

<div id="nav">
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</p>
</div>

Ahoi - Pit
 
Doch noch ein Versuch. :D

Das ist der HMTL-Code:

<div id="nav">
<p>
<a href="../index.html"><b>Startseite</b></a><br>
<br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
    <a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a><br>
<img src="pfeil.gif" width="6" height="9" alt=" "> bla<a href="bla.html">bla</a>
</p>
</div>

Nun habe ich festgestellt, dass der kürzere Teil, also mit den vielen Leerzeichen davor, das line-height funktioniert. Nur bei den anderen nicht. Sieht vielleicht doch jemand was nicht passen kann?

Grüße,
Media
 
Ich habe etwas mit Deinen Vorgaben rumgespielt und bin der Meinung,
das es an den gemischten Angaben liegt.
Der IE scheint damit nicht klarzukommen (?).
Probiere also mal aus pt nicht mit em zu mischen,
sondern entweder pt und pt oder em und em.


Edit:
Ich habe mal im Netz geforscht und es gibt anscheinend einen IE/WIN-Bug bezüglich des Zusammenspiels line-height und Grafiken davor.
Aber eine genaue Erklärung habe ich nicht gefunden, nur Andeutungen.
Aber einen Tipp hätte ich noch: ein Background-Image für die Pfeile verwenden...
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben