nicht angemeldet
Hallo erstmal :)
Ich beschäftige mich seit ein paar Wochen mit dem Webdesign und habe alles, was ich bis jetzt kenne auf den Seiten von selfhtml.org gefunden, aber zu diesem Problem finde ich seit ca 15 Stunden keine Lösung:
Mein Vorhaben:
Ich möchte für meine Internetseite links, rechts und oben Ränder haben, in denen Überschrift, Navigationen usw., also alles außer die Hauptinformation steht.
Das Problem:
Bilder sagen mehr als Worte-->
http://www.bilder-upload.eu/show.php?file=748585-1318284217.png
Ich hoffe dass man das Bild sieht...
Meine HTML-Datei:
<body>
<ul id="navigation">
<li>drecksrand</li>
<li>drecksrand2</li>
<li>drecksrand3</li>
</ul>
<div id="text">
<h1>Hallo</h1>
<p>Dies ist die Hauptinformation zum scrollen<br>
und nochmal<br>
und nochmal<br>
und nochmal<br>
und nochmal<br>
usw.
</div>
Meine CSS-Datei:
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p { font-family:Georgia, Courier, Arial; color: #000000 }
#navigation {
width: 201px;
hight: 540px;
margin-left: 0px;
position: fixed;
background-image: url("../Gemeinsame Dateien/Bilder/Webseite02.jpg");
background-repeat: no-repeat;
}
#text {
margin-left: 202px;
margin-top: 50px;
}
Momentan ist der Rand mit der veranschaulichten Navigation Fixiert und der "text" scrollbar.
Diesen Rand links hätte ich gern von oben nach unten durchgehend, linksbündig und fixiert. Wie man sieht ist er aber da abgeschnitten, wo die Navigationszeilen enden.
Würde ich mehr Navigationszeilen einfügen, würde man mehr von der Grafik sehen.
Vielen Dank schonmal im Voraus.
MudGuard