nicht angemeldet
Im kopf-div habe ich eine horizontale navi-leiste angeordnet. Diese besteht aus einer mittels display:inline angeordneten listenelementen. Für die schriftgröße habe ich im CSS eine klasse definiert:
<html>
<head>
<style type="text/css">
.klein {font-size:66%;}
#kopf { background: #001058; width: 100%; border-width:1px; border-style:solid;
}
#kopf h1 { /* formatiert alle Überschriften erster Ordnung, die sich in einem Element mit der id "kopf" befinden */
text-align:left;
font-weight:bolder;
font-size:150%;
letter-spacing:0.2em;
color: #f60;
margin: 0.7em 0 0.3em 1.5em;
}
ul#navih {
width: 100%;
height:auto;
margin: 0; padding: 0.3em;
text-align: center;
background-color: #001058;
}
ul#navih li { color: #FBEDC1; display: inline;}
<style>
</head>
<body>
<div id="kopf">
<h1>Überschrift</h1>
<div id="logo"><img src="logo4.gif" </div>
<ul id="navih" class="klein" style="color:#FBEDC1; clear:left" >
<li>bli | </li><li>bla | </li><li>blub | </li><li>blam | </li><li>blim | </li><li>blom | </li>
</ul>
</div>
</body>
Diese navileiste wird im IE6, im konqueror und im FF korrect angezeigt, aber in opera mit der falschen, nicht auf 66% verkelinerten schriftgröße. Das allein wäre nicht so schlimm, weil die schrift dennoch passen würde, wenn sich nicht die rechts unterhalb liegende eigentliche navigationsbox in Oera mit dem kopfbereich überschneiden würde. Es kommt wohl irgendwie irgendwo zu einer fehlinterpretation der boxengröße. Wie gesagt, in den anderen browsern klappt das.
Kann jemand weiterhelfen? Ich hoffe es fehlen dazu keine weiteren angaben.