dedlfix: Bild zeigen soweit Platz ist

Beitrag lesen

Hi!

Der Fensterrand soll das Bild "clippen". Dafür weiß ich keine alleinige CSS-Lösung, nur eine, die mit Javascript den Platz berechnet und dann die CSS-Werte setzt.

Positionierung war ein gutes Stichwort. Basierend auf ChrisBs HTML-Code biete ich dieses CSS an:

* {  
  margin: 0;  
  padding: 0;  
}  
#container {  
  position: relative;  
  background: black;  
}  
#menu {  
  width: 200px;  
  position: absolute;  
  top: 0;  
  bottom: 0;  
  background: url(http://de.selfhtml.org/grafik/anzeige/fotos/foto4.jpg) no-repeat bottom;  
}  
#menu li {  
  background: yellow;  
}  
#content {  
  margin-left: 200px;  
  background: lime;  
}

Lo!