Hallo.
An deinem Code ist so einiges falsch.
Ich habe mal einige Änderunden vorgenommen. Das dürfte deinen Wünschen am nächsten kommen.
Falls noch Fragen sind Fragen.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="robots" content="index,follow">
<meta name="language" content="deutsch, de">
<title>Der zzzzzzzzzz</title>
<meta name="keywords" content="a,b,c,d ">
<meta name="description" content="testbeschreibung">
<link rel="stylesheet" href="stylesheet1.css" media="screen">
<meta name="msnbot" content="all">
<meta name="city" content="xx">
<meta name="country" content="Germany">
<meta name="zipcode" content="55555">
</head>
<body>
<div id="container">
<div id="mainnav">
<li><a href="shows.html">Die Dienstleistung</a></li>
<li><a href="referenzen_pdf.html">Referenzen</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="pressefotos.html">Pressefotos</a></li>
<li><a href="pressemappe_pdf.html">Presseberichte</a></li>
<li><a href="kundenstimmen.html">Kundenstimmen</a></li>
<li><a href="kontaktformular.php">Kontakt</a></li>
<li><a href="newsletter_abonnieren.html">Newsletter</a></li>
<li><a href="http://www.twitter.com/xx"TARGET="_blank">Auf Twitter folgen</a> </li>
<li><a href="kooperation.html">Kooperationspartner</a></li>
<li><a href="impressum.html">Impressum</a></li> </div>
<div id="header1">
<img src="test.gif" width="100%" height="100%" alt="test" ></div>
<div id="header2" title="Das ist eine Überschrift für die Website" >
Überschrift </div>
<!--<div id="footer">Test</div> -->
</div>
</body>
</html>
Alles anzeigen
CSS
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
background-color: #000438;
}
#container
{
margin: 1em auto;
width: 920px;
height:740px;
background-color: #000000;
border: 5px solid #858585;
}
#mainnav
{
float:left;
height: 100%;
width: 167px;
background-image: url(Menuehintergrund.jpg);
background-repeat: no-repeat;
font-size: 15px;
font-style: italic;
color:#FFFF10;
margin: 2px;
padding: 2px;
}
#header1
{
float: left;
width: 217px;
height: 456px;
background-repeat: no-repeat;
background-position: 0 0;
background-color: #000000;
}
#header2
{
height: 24%;
background-color: #000000;
font-size: 27px;
font-style: italic;
color: #FFFF10;
margin: 0;
padding: 0;
}
Alles anzeigen
Du musst natürlich noch die Grössen anpassen.
Gruss
Elroy
