Zeilenhöhe Opera

manschmi

Grünschnabel
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
 
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
 
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!

CSS:
@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 ================================ */
 
Zuletzt bearbeitet von einem Moderator:
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!
 
Zurück