Hans: 100% Height / 100% Width Problem

Beitrag lesen

Guten Tag

Ich habe ein kleines Problem mit meinem neuen Layout.
Ich habe ein background, welcher 100% width und height hatt.

Auf der linken Seite befindet sich ein Menü welches 170px breit ist.

Nun platziere ich ein Div auf dem background, für den Inhalt. Dieses bekommt ebenfalls 100% height und width. Nun muss ich natürlich margin-left: 170px; da sonst das Menü überdeckt wird.

Und jetzt das Problem, da ich margin-left: 170px; mache und gleichzeitig width: 100% wird auf der rechten seite das div des contents 170px länger als dass des backgrounds.

Habe es schon mit right: -170px; etc. versucht, hatt aber leider nichts geholfen.

Kennt jemand eine Lösung für dieses Problem?

  
#head{  
	width: 100%;  
	height: 100px;  
	background-image: url(../img/verlauf.png);  
	position: absolute;  
}  
  
#container{  
	width: 100%;  
	height: 100%;  
	left: 0px;  
	top: 0px;  
	background-color: #e1e0e1;  
	position: absolute;  
}  
  
#leftmenue{  
	height: 500px;  
	width: 150px;  
	top: 200px;  
	left: 10px;  
	background-color: #e1e0e1;  
	position: absolute;  
}