GrimReaper: Navigationsleiste am linken Rand mit einem Hintergrundbild

SELF-Forum

Navigationsleiste am linken Rand mit einem Hintergrundbild

GrimReaper
– Informationen zu den Bewertungsregeln

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.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Navigationsleiste am linken Rand mit einem Hintergrundbild

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    #navigation {
    width: 201px;
    hight: 540px;

    Wasndas?

    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.

    Schon mal mit einer Angabe für die Höhe (h_e_ight) probiert?

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Navigationsleiste am linken Rand mit einem Hintergrundbild

      GrimReaper
      – Informationen zu den Bewertungsregeln

      omg... vielen dank :)
      Was ein Buchstabe alles ausmachen kann -.-

      Werde jetzt mal rumprobieren wie ich den Rand über die ganze Höhe bekomme.
      Da er ja schonmal komplett angezeigt wird, dürfte es nicht mehr allzu schwer werden.

      VIELEN DANK NOCHMAL :)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln