da liegt auch schon der fehler.. du hast jetzt praktisch in deiner CSS anweisung gesagt, dass dem body-tag, welches sich INNERHALB des tags mit der id "main" befindet, der hintergrund zugeordnet werden
und das darf nicht sein, denn das body-tag UMSCHLIESST alle anderen tags..
also muss die anweisung:
Code:
body{ background: #2a2a2a url("images/back/backgrey.gif") fixed no-repeat 20px 25px; }
oder
Code:
#main { background: #2a2a2a url("images/back/backgrey.gif") fixed no-repeat 20px 25px; }
sein.
Im übrigen ist deine Seite kompletter Murks. Ich weiß nicht, wie du darauf gekommen bist, sowas zu erstellen.. guck dir mal bitte deinen Quellcode an..
Code:
<html>
<head>
<style type="text/css">
<!--
@import url("style.css");
#main body { background: #2a2a2a url("images/back/backgrey.gif") fixed no-repeat 50px 160px;
color: #ffffff;
}
-->
</style>
</head>
<body>
<div id="navi"><html>
<head>
<style type="text/css">
<!--
a { text-decoration: underline; color: #ffffff; font-weight:bold; }
a:hover { text-decoration: underline; color: #ffffff; font-weight:bold; }
a:active { text-decoration: underline; color: #ffffff; font-weight:bold; }
a:visited { text-decoration: underline; color: #ffffff; font-weight:bold; }
body { background: #2a2a2a;
color: #ffffff;
}
-->
</style>
</head>
<body>
<div style="position:absolute; top:200px; left:5px;"> <img src="images/navi/rechts.gif" /> </div>
<div style="position:absolute; top:345px; left:5px;"> <img src="images/navi/rechts.gif" /> </div>
<div style="position:absolute; top:490px; left:5px;"> <img src="images/navi/rechts.gif" /> </div>
<div style="position:absolute; top:225px; left:55px;"> <a href="start.php">Start </a> </div>
<div style="position:absolute; top:265px; left:55px;"> <a href="zweck.php">Zweck </a> </div>
<div style="position:absolute; top:305px; left:55px;"> <a href="itsme.php">Das bin ich </a> </div>
<div style="position:absolute; top:371px; left:55px;"> <a href="fotos.php">Fotos (1) </a> </div>
<div style="position:absolute; top:411px; left:55px;"> <a href="fotos_2.php">Fotos (2) </a> </div>
<div style="position:absolute; top:516px; left:55px;"> <a href="http://latita.blogianer.de">Blog</a></div>
<div style="position:absolute; top:556px; left:55px;"> <a href="http://www.dialcontent.de/gbserver_pro/gb.php?id=554">Gästebuch </a> </div>
<div style="position:absolute; top:596px; left:55px;"> <a href="impressum.html">Impressum</a> </div>
</body>
</html>
</div>
<div id="main">
<h1>Hello World</h1><br>
<br>
So fangen eigentlich alle Programmierbeispiele an und meine Seite auch.<br>
Schön wenn ihr euch hierherverirrt habt.<p>
In der ganzen Zeit, die diese Seite nun schon existiert,hat sich anscheinend nicht viel getan.<br>
Teilweise muss ich dem zustimmen, aber das scheint nur von den Inhalten so.<br>
Designmäßig hat sich sehr vieles getan. Sah die Seite bis vor einer Weile<br>
noch <a href="images/oldsite.jpg">so</a> aus, hat sie sich jetzt wesentlich verbessert. <br>
Weg von Klicki-Bunti.<br>
Des Weiteren bin ich immer bestrebt besser zu coden als am anfang, weshalb ich,<br>
wenn ich mal Zeit habe, dabei bin alles umzuschreiben.<p>
Zu sehen gibt es trotzdem schon einiges, deshalb hier erstmal viel Spaß und<br>
liebe Grüße <p>
latita<p><p>
<h4>08.Oktober.2006</h4>
<font color="#ff0000"><b>Aufgrund einer Übrarbeitung dieser Site, werden einige Seiten vorübergehend nicht, oder nicht richtig erreichbar sein!
</b></font><p><p>
<h4>18. September 2006</h4>
Hinter diesen Links könnt Ihr Euch die Bilder der Hochzeit von Gabi und Sven herunterladen.<br>
Die Archive sind Passwortgeschützt und das Passwort ist der neue Familienname (klein).<p>
Bilder von Oma: <a href="http://www.latita.de/space/load/oma.rar">klick</a><p>
Bilder von Thomas: <a href="http://www.latita.de/space/load/thomas.part1.rar">Teil 1</a> |
<a href="http://www.latita.de/space/load/thomas.part2.rar">Teil 2</a> |
<a href="http://www.latita.de/space/load/thomas.part3.rar">Teil 3</a> |
<a href="http://www.latita.de/space/load/thomas.part4.rar">Teil 4</a> |
<a href="http://www.latita.de/space/load/thomas.part5.rar">Teil 5</a><br>
Wichtig: Erst müssen alle Teile heruntergeladen werden. Dann werden automatisch mit dem ersten Teil alle weiteren entpackt!!!<p>
Bilder von Steven: <a href="http://www.latita.de/space/load/steven.rar">klick</a><p>
Liebe Grüße :)
</div>
</body>
</html>
Du hast da praktisch
2 HTML dateien zu einer zusammengefügt.. is ja logisch, dass da nichts klappen kann!
Ich bin mal so nett und fasse es mal zusammen, wie es richtig wäre:
Code:
<html>
<head>
<!-- Die ganzen CSS Anweisungen -->
</head>
<body>
<div id="navi">
<!-- Deine Navi -->
</div>
<div id="main">
<!-- Hier dein ganzer Text -->
</div>
</body>
</html>
Wobei du alles extremst umständlich programmiert hast. Die gesamte Navigation ist
sehr umständlich! Ich könnte mir vorstellen, dass 3 <div>s mit je einer Liste als "Link-Container" es auch täten.
Die CSS anweisungen kannst du ALLE in EINE Datei schreiben und mittels
Code:
<link rel="stylesheet" type="text/css" href="dateiname.css">
einbinden. un nicht mit "@import", denn
css4you.de schrieb:
Diese Methode wird vom Internet Explorer allerdings nicht unterstützt. Der IE beherrscht @import zwar seit der Version 4 - nicht aber im Zusammenhang mit einer Medientypangabe.
.
Ich empfehle dir, dich verstärkt mit HTML und CSS auseinander zusetzen, besonders aber mit CSS. Hierfür empfehle ich
http://www.css4you.de, für HTML
http://de.selfhtml.org
