Anton: Schnittmenge von Rand links und unten füllen bei CSS

Beitrag lesen

SELF-Forum

Schnittmenge von Rand links und unten füllen bei CSS

Anton
– Informationen zu den Bewertungsregeln

Hi,

sorry suit du konntest garnicht wissen, was ich meine, da ich es falsch erklärt habe. Hier einfach mal der Code. Dann sollte klar werden was ich meine.

  
<body>  
  <div id="inhalt">  
    <p>Wie man sieht, ist der Text dieses Bereichs so lang, dass die Höhe dieses Bereichs größer ist als die Höhe der Navigation auf der linken Seite. Deshalb ist bei der Navigation auch noch die rote Hintergrundfarbe des bodys zu erkennen. Der linke grüne Rahmen den Navigation soll weiter nach unten gehen, bis zum Ende des grauen Bereichs. Wie kann ich das am besten lösen?  
    </p>  
  </div>  
  <ul id="navigation">  
    <li><a href="#">link 1</a></li>  
    <li><a href="#">link 2</a></li>  
    <li><a href="#">link 3</a></li>  
  </ul>  
  <address id="footer">meine Adresse</address>  
</body>

und das zugehörige CSS:

  
html {  
  padding: 0;  
  margin: 0;  
  background: yellow;  
}  
  
body {  
  padding: 0;  
  margin: 20px auto;  
  width: 780px;  
  background: red;  
}  
  
#inhalt {  
  background: #4c4c4c;  
  width: 700px;  
  float: right;  
}  
  
#navigation {  
  padding: 0;  
  margin: 0;  
  width: 60px;  
  float: left;  
  list-style-type: none;  
  border-left-width: 20px;  
  border-left-style: solid;  
  border-color: green;  
}  
  
#footer{  
  clear: both;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln