Zeilenhöhe bei hoch-/tiefgestellten Zeichen

jayvee · #1 (**permalink**) 01.09.2004, 12:19

Hilfe,
ich habe folgendes Problem:
In einem mit CSS-formatierten Text mit vielen hoch- und tiefgestellten Zeichen werden nterschiedliche Zeilenhöhen angezeigt.
Bei einer höher eingestellten line-heigt in der CSS-Datei zeigen sowohl Netscape als auch Opera den Text mit einer einheitlichen Zeilenhöhe an. Der IE zeigt den Text nur solange korrekt an, wenn nur hoch- oder nur tiefgestellte Zeichen verwendet wurden. Werden hoch- und tiefgestellte Zeichen gemeinsam in einem Textblock verwendet, sind die Zeilenabstände nicht einheitlich - egal wie hoch der Wert für die line-height gewählt wurde.
Gibt es andere Möglichkeiten auch im IE zu einem einheitlichen Zeilenabstand bei hoch- und tiefgestellten Zeichen zu kommen?
Thanks
Jayvee

ulle · #2 (**permalink**) 01.09.2004, 13:52

Hmmm....

habe nun einige Tests durchgeführt und festgestellt dass der IE innerhalb des [line-height] die Baseline verschiebt.

Deshalb vermute ich

keine Lösung

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>xxxx</title> 

<style type="text/css">    
/*<![CDATA[*/ 

html,body   { 
   margin: 0; 
   padding: 0; 
   background-color: #FFCC33; 
   color: #000000; 
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
   font-size: 100.01%; 
} 

p {	
	float: left;
	width: 7em;
	margin: 1px;
	border: 1px solid #000000;
	padding: 0 2px;
	font-size: 0.8em;
	line-height: 2em;
}

p span { /* genutzten line-height sichtbar */
	background-color: #11BBFF;
	text-decoration: underline;
}

sub{
	vertical-align: sub;
}

sup{
	vertical-align: super;
}

/*]]>*/ 
</style> 


</head><body> 



<span>	hoch<sup>2</sup> tief<sub>2</sub>	
	normal text	</span></p>


<span>	tief<sub>2</sub> hoch<sup>2</sup>	
	normal text	</span></p>


<span>	normal text 	
	normal text	</span></p>


<span>	tief<sub>2</sub>	
	normal text	</span></p>


<span>	hoch<sup>2</sup>	
	normal text	</span></p>

</body></html>

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Zeilenhöhe bei hochgestellten Zeichen	BoFiaZ	CSS	1	13.03.2013 11:03
Validierungsprobleme	chrissie65	(X)HTML	11	08.04.2008 15:31
PHP: die ersten 3 Zeichen eines Strings einfach abschneiden	braindead	Serveradministration und serverseitige Scripte	5	06.01.2008 16:35
Zeichen begrenzen bei Mysql-Abfrage	8joerghauke8	Serveradministration und serverseitige Scripte	1	25.07.2007 14:58
Zeichen zählen - document.commentary has no properties	Wasili	Javascript & Ajax	2	07.01.2007 15:29