Hi Leute,
ich bin neu hier und hätte gleich mal eine Frage: Ich hab das Tutorial zum einsstellen eines Hintergrundbildes durchgemacht und wollte jetzt das Bild absolut auf den Hintergrund legen. Das Problem ist: immer wenn ich die Vorschau ansehe sieht es so aus: (siehe Anhang1)! Mein HTML code sieht so aus:
HTML
<html>
<head>
<style type="text/css">
#navi {
height:45em;
background-color:#808080;
border:5px solid #333333;
float:left;
border-top:none;
padding: 10px;
margin-top: 0px;
}
a:visited {color:#800080;
text-decoration:underline}
a:hover {color:#0000FF}
#inhalt {margin-left:20em;
margin-top:10px;
}
#seitenbereich {
text-align:left; /* Inhalt wieder links */
width: 1024px;
}
#hintergrund {
position:absolute;
width:100%;
height:100%;
z-index:-1;
}
body { text-align: center}
#balken1 {width:100%;
height:50px;
background-color:#333333;
border:none;
padding:none;
margin-top:50px;}
</style>
</head>
<div>
<img id="hintergrund" src="../../../Users/Tobi/Documents/Schwarze Auge/Background website/background2.jpg" alt="" title="" />
</div>
<body>
<div id="balken1"></div>
<div id="seitenbereich">
<font face=Arial>
<div id="navi">
<li><p><a href="Hauptseite.html">Startseite</a></p></li>
<li><p><a href="Sonderregeln.html">Sonderregeln</a></p></li>
<li><p><a href="Zauber.html">Zauberliste</a></p></li>
<li><p><a href="Charaktere">Charaktere</a></p></li>
<li><p><a href="WaffenRüstungen.html">Waffen, Rüstungen, etc.</a></p></li>
</div>
<div id="inhalt">
<H1><font color=#3366FF>Wilkommen zu unserem Schwarze Auge Projekt!</H1>
<Br>
<h4>Die Private Schwarze Auge Seite unserer Schwarze Auge Gruppen</h4>
Hier findet ihr die einzelnen Links zu den jeweiligen Seiten.
</div>
</div>
</font>
</font>
</body>
</html>
Alles anzeigen
Könnt ihr mir sagen was ich falsch gemacht habe ? Bedanke mich schon mal im Voraus für eure antworten
Ciao
Martin alias murten123