Nach einer mehrtägigen Pause setzte ich die Arbeit an der Seite fort.
Leider funktioniert das mit dem Hintergrundbild auf der Navigation nicht. Die Navigation geht nur so weit nach unten wie die Buttons Platz beanspruchen.
Und das, obwohl ich dieselbe Methode anwende wie bei meinem vorherigen Webseiten-Projekt. Dort funktioniert es ja
wie man sieht.
HTML-Code:
Code:
<
html>
<head>
<link rel="stylesheet" type="text/css" href="./main.css">
</head>
<body>
<div class="navigation"> Die Navigation </div>
<div class="page"> Hier kommt die Hauptseite, die im echten Code ca. 1,5 Seiten lang ist. </div>
</body>
</
html>
main.css:
Code:
body
{
margin: 0px;
padding: 0px;
}
.navigation
{
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
float:left;
width: auto;
background-image:
url(./gfx/navigation-background.png);
background-repeat: repeat-y 0 0;
}
.page
{
padding-left:10px;
margin-left: 160px;
background-color:#C8E9F7;
}
Die Grafik ./gfx/navigation-background.png existiert und wird auch korrekt angezeigt. Es soll aber ganz nach unten gehen, und das tut es trotz repeat-y nicht.
Laut
W3C-Validator habe ich
keine schließenden Tags vergessen oder andere blöde Fehler begangen.
mfg. Tubos