nicht angemeldet
Im <div id="kopf" befindet sich links eine zweizeilige h1-überschrift. Rechts sollte eigentlich ein logo als <img> so eingefügt werden, dass es in der höhe mittig und rechts ausgerichtet erscheint.
Auf der startseite, und nur da, ändert sich die anordnung. Das sollte dort dann jedoch analog klappen: 1-3-zeilige h1-überschrift links ausgerichtet - logo MITTIG - 1-3-zeilige h1 überschrift rechts ausgerichtet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css" media="screen">
#kopf {
background: #FF9900;
width: 100%;
border-width:1px;
border-style:solid;
border-color:#FF9900;
}
#kopf h1 {
text-align:left;
font-weight:bolder;
font-size:150%;
letter-spacing:0.2em;
color: #f60;
margin: 0.7em 0 0.3em 10%;
display:inline;
}
#logo {height:80; width:263;}
</style>
</head>
<body>
<div id="kopf">
<h1><span style="color:#fff">1. Zeile<br>2. Zeile</span></h1>
<div style="display:inline; text-align:right; margin-right:5.5em;"><img id="logo" src="../../logo.gif" title="logo" alt="logo"></div>
</div>
</body>
</html>
Bei einzeiligen überschiften wäre zudem das logo das höchste element und sollte die höhe des kopfes bestimmen.
Danke für nen hilfreichen tip.