line-height verschieden bei IE und FF?

**digimassa** · 13.04.2006 12:02

wie man in meinem "work in progress" Beitrag sieht, macht mir FF viel geringere Abstände zwischen den Zeilen als der IE.
Ich mach den Zeilenumbruch mit und hab im CSS Zeilenhöhe und Schriftgröße definiert, woran kann der Unterschied liegen bzw. wie krieg ich ihn weg?
Dank&Gruß
Martin

**His.Master's.Voice** · 13.04.2006 13:56

Falls Du im Stylesheet die Zeilenhöhe und Font-Size in "px" angegeben hast, probiere doch mal "em" aus.

10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em

Dann habe ich noch diesen Link gefunden, hoffe es hilft weiter...!
http://www.thestyleworks.de/ref/line-height.shtml

**digimassa** · 13.04.2006 14:23

Danke für die Antwort und den link, mit em hab ich schon probiert, war aber auch verschieden, allerdings hab ich die em nurbei line-height und nicht bei der Schrift verwendet, vielleicht ändert das was, ich glaub, ich versteh wieder einmal irgendwas fundamentales ned.^^
Martin

**Boris** · 13.04.2006 16:25

Ich mach den Zeilenumbruch mit und hab im CSS Zeilenhöhe und Schriftgröße definiert, woran kann der Unterschied liegen bzw. wie krieg ich ihn weg?

Wie sieht denn der Rest deines Codes aus?

**digimassa** · 13.04.2006 17:04

hier ist das Miststück^^

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>start</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 27px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #666666;
	text-align: left;
	vertical-align: text-top;
}
-->
</style>
</head>

<body>
<p align="left"><font color="#99CCCC"><br>
  &quot;Die Kunst des Fotografierens ist es, in die Seele des Menschen zu blicken&quot;</font><br>

<p align="left">Dieser Satz hat in unserer langen Familientradition bis zum heutigen 
  Tag seine <br>
<p align="left">Gueltigkeit behalten. <br>
<p align="left">Gegruendet 1920 als erstes Fotoatelier der Oststeiermark in Feldbach 
  wurde <br>
<p align="left">der Betrieb mit gro&szlig;er Einfuehlsamkeit im Laufe der Jahrean 
  erweitert und dem<br>
<p align="left">ge&auml;nderten Berufsbild angepasst. Seit 1960 besteht die Filiale 
  in Jennersdorf und <br>
<p align="left">seit 1980 der heutige Hauptstandort in Fuerstenfeld.<br>
<p align="left">Zahlreiche Seminare im In- und Ausland haben <br>
<p align="left">uns stets neue Ideen erschlossen und dazu <br>
<p align="left">beigetragen, dass wir bei Beachtung <br>
<p align="left">jahrzehntelanger Erfahrungen auch mit <br>
<p align="left">modernen Medien vertraut sind und auf die <br>
<p align="left">Anforderungen der heutigen jungen Generation <br>
<p align="left">eingehen koennen.<br>
<p align="left">Schon 1980 waren wir Vorreiter und haben den Hintergrund unserer 
  sch&ouml;nen<br>
<p align="left">Umgebung in unsere Hochzeitsportraits und Familienaufnahmen einbezogen.<br>
<p align="left">Wir fotografieren die Menschen immer dort wo sie sich am Wohlsten 
  f&uuml;hlen. Ein<br>
<p align="left">Foto loest Gefuehle aus, laesst Platz fuer Phantasien und bewahrt 
  den &quot;Einen&quot;<br>
<p align="left">Augenblick fuer die naechste Generation.<br>
<p align="left"><font color="#99CCCC">Wir freuen uns, wenn Sie uns in Ihre schoensten 
  Tage mit einbeziehen, </font><br>
<p align="left"><font color="#99CCCC">Kontaktieren Sie uns persoenlich, telefonisch 
  oder per email.</font></p>
<p align="left">&nbsp;</p>
</body>
</html>

Besten Dank
Martin

**satre** · 13.04.2006 17:44

Kleine Zwischenfrage:

Wieso eröffnest du etliche -Tags ohne sie zu schließen? Und warum gibts du jedes mal das Attribut align="left" mit an. Das wird doch automatisch übernommen. Am Quellcode muss noch gearbeitet werden.

Den -Tag könntest du doch auch als CSS definieren:

Code:

.blau {color:#9CC;}

und im Code später als Inline-Element benutzen:

Code:

<span class="blau">Kontaktieren Sie uns persoenlich, telefonisch oder per email.</span>

**Nele** · 13.04.2006 17:58

Muß mir andauernd jemand zuvorkommen ?

**His.Master's.Voice** · 13.04.2006 19:09

Zitat von Nele

Muß mir andauernd jemand zuvorkommen ?

Aus reiner Höflichkeit und weil Du der neue Lady-Mod bist, wollten wir Dir noch eine Schonfrist einräumen...!

**Boris** · 13.04.2006 19:36

Du solltest:

1. Einen ordentlichen Doctype mit URI benutzen, z.B.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

1. Alle entfernen. Ein Absatz gehört in ein sauberes .... 

3. Musst du dann deine gewünschten Abstände zwischen den Absätzen und dein gewünschtes line-height für im CSS definieren, und nicht für <HTML>

**digimassa** · 13.04.2006 23:57

Zitat von Boris

...1. Einen ordentlichen Doctype mit URI benutzen.....

Hmmm, bin eine armer Noob, kann ich irgendwo gelesen haben, dass bei Verwendung Doctype mit URL Probleme mit den Bildlaufleisten bei Frames auftauchen können?

Zitat von Boris

3. Musst du dann deine gewünschten Abstände zwischen den Absätzen und dein gewünschtes line-height für im CSS definieren, und nicht für <HTML>

Das klingt genial, scheint das "missing link" zu sein, Super, Danke,
Martin

zur Startseite vom TP

Thema: line-height verschieden bei IE und FF?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

line-height verschieden bei IE und FF?

Aktive Benutzer

Aktive Benutzer