Hallo,

bei der Suche zu meinem Problem, bin ich auf dieses Forum gestoßen.

Ich besitze eine Angelseite, die ich gerade neu gestalte.

Bei der Seite http://www.pikefisher.de/echolotbeschreibung.html im mittleren DIV,
wird der Text im rechten DIV nach unten tiefer angezeigt, als in den anderen Browsern.
Line-height ist im CSS-Pfad mit 1.3em angegeben.
Kann jemand mal schauen wo der Fehler liegt?

Vielen Dank!
Manni

Habe jetzt hinter 1.2 die Bezeichnung "em" in dem DIV entfernt, jetzt passt es!

Hi,
grundsätzlich sind aber Zahl, Längen- oder Prozentangabe bei line-height erlaubt.
Es kann sein das du ein Vererbungsproblem hast, dies taucht bei em oder % Angabe hierbei sehr oft auf.
Deshalb wird geraten dies nur mittels Zahl anzugeben.
1.5 entspricht somit 150% der Schriftgröße. Als Standard aus dem Bleisatz kommend sollte man 121% nehmen. oder der Einfachkeitshalber 120% bzw wie du 1.2. Hängt natürlich auch von der verwendeten Schrift ab.

Viele Grüße

Zitat von manschmi

Habe jetzt hinter 1.2 die Bezeichnung "em" in dem DIV entfernt, jetzt passt es!

Stimmt!
Es könnte ein Vererbungsproblem sein, nämlich im ./css.main.css!
Ich kopiere es mal hier rein! Wenn du so freundlich bist, und schaust nochmal hier rein!
Danke!

Code css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99

@charset "utf-8";   body {     font: 100.01%  Arial, Verdana, Helvetica, sans-serif;     background: #e8bc54;     margin: 0;     padding: 0;     margin-top: 14px;     margin-bottom: 20px;     height: 100%; }     h1, h2, h3, h4,  h5, h6 {     /* margin-top: 0;     Durch Verschieben des oberen Rands wird das Problem behoben, dass R?nder aus dem zugeh?rigen div-Tag geraten k?nnen.     Der ?brig gebliebene untere Rand h?lt ihn getrennt von allen folgenden Elementen.     /* padding-right: 0px;     padding-left: 0px; /* Durch Hinzuf?gen der Auff?llung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen     jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auff?llung verwendet werden.     padding-top: 0px; */ }     .container {     width: 1002px; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */     margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */     height: auto !important; overflow: hidden !important;     height: 100%; }     .header  {     background-image: url(./../bilder/banner/tyrifjord.jpg);     background-repeat: no-repeat;     border-top-left-radius: 12px;     border-top-right-radius: 12px;     -moz-border-radius-topleft: 12px;     -moz-border-radius-topright: 12px;     -webkit-border-top-left-radius: 12px;    -webkit-border-top-right-radius: 12px;     margin: 0px;     padding: 0px;     width: 1002px;     height: 140px;  }   .sidebar  {     float: left;     margin: 0 auto;     background: #3e500b;     text-align: center;     color: #3e500b;     font-family: Arial, Verdana, Helvetica, sans-serif;     padding-top: 0px;     padding-right: 0px;     padding-left: 0px; }   .sidebar h5 {         margin-top: 4px;         margin-bottom: 0px;         color: #ffffff; }   div#imglogo  {      background-image: url(./../bilder/logo/logo.png);     background-repeat: no-repeat;     margin: auto;     margin-top: -50px;     width: 92px;     height: 84px;     padding-bottom:10px; }   .content  {     float: left;     border-left: 4px solid #3e500b;     /*text-align: center;*/     margin: 0 auto;     /* font-size: 0.9em; */     color: #3e500b;     font-family: Arial, Verdana, Helvetica, sans-serif;     background: #e8bc54;     /*padding-top: 0px;*/     clear: both; }   .footer   {     float: left;     width: 992px;     height: 60px;     font-size: 0.7em;     color: #ffffff;     background: #3e500b;     text-align: right;     padding: 8px 10px 0px 0px;     clear:both; }   /* ============================ Ende Hauptseite ================================ */

Hi,
bin jetzt nicht mehr näher auf den Opera eingegangen. Aber je nach Version wird line-height nicht oder nur unzulänglich unterstützt.
Hier kannst du noch ein paar Infos zu line-height durchlesen:
http://jendryschik.de/wsdev/einfuehr...d-hoehe#height

Grüße

Vielen Dank für deine Mühe!
Den Artikel kannte ich schon. Ich habe jetzt auch noch etwas rumexperimentiert. Wenn ich im Textdiv
den Wert auf 120% setze, also da, wo ich jetzt 1.2 stehen habe, klappt es. Aber dann verschiebt sich der Text nach unten im IE. Ich lass das jetzt erstmal. Gehe mal von einem Bug in 0pera 11.5 aus.
Vielen Dank!