Sidebar größe ändern - subheadbereich

Sidebar größe variable

ich habe eine neues problem, wo ich nicht weiter weiss?
meine sidebar soll so aussehen, wie das angehängte jpg.

Meine Probleme sind
1. ich bekomme es nicht über den subheadbereich, damit es an der Navileiste oben anschließt.
2. das dich die höhe der sidebar an die jeweilige größe der page anpasst.
3. eine leichte schattierung an den innenseiten.

#sidebar {
	float: right;
	width: 160px;
	min-height: 800px;
	border: none;
	margin: 0px 0px 0 0px;
	padding: 0px;
	min-height: 400px;
	background: #a0b6cc;
}

vielen dank für hilfe
neulandhb

ja, mit dem borer-left wert bekomme ich eine linie, aber keinen schatteneffekt.
einmal min-height: gelöscht. aber keine auswirkung.
mit height 100% geht es auch nicht.?!?

#sidebar {
	float: right;
	width: 160px;
	border: none;
	margin: 0px 0px 0 0px;
	padding: 0px;
       height: 100%;
	background: url(images/sidebarmiddle.gif)repeat-y;
}

das funktioniert auch soweit gut. aber, das sich die höher der page anpasst kekomme ich nicht hin.

ne, das hat nichts mit dem bild zutun. ob es eine farbfläche oder ein bild ist, die sidebarist halt in der größe fix.
ich kann die höhe ändern, aber die soll ja flexible sein?

so, ich habe es jetzt so gelöst. die position mit einer absoluten und die horizontale größe auf einen extremen wert gesetzt.
nun wollte ich die sichtbarkeit der sidebar mit dem z-index lösen.
ich kann nur einen negativen wert eingeben und die sidebar ist außerhalb des wrap sichtbar. ich will es ja umgekehrt:cry: den footer bekomme ich nicht über die sidebar??
könnt ihr mir helfen?
gruß neuland

#sidebar {
	position: absolute;
	top: 170px; 
	right: 0px;
	float: right;
	width: 160px;
	border: none;
	margin: 0px 0px 0 0px;
	padding: 0px;
	display:block;
	overflow: hidden;
	height: 1000px;
	z-index: 2;
	background: url(images/sidebarmiddle.gif) repeat-y;
}

ok, der footer ist jetzt über der sidebar.
seite
ich bekomme es nicht mit der variablen höhe der sidebare hin.:confused:

kann zwar die sidebar in den contentbereich legen, aber dann kriege ich die absolute position, wie sie jetzt ist, nicht hin?
und so wie ich das jetzt habe, funktioniert overflow hidden nicht.:-|

kann mir niemand helfen? :neutral:

ich lerne ja gerade:-?
also,
ich habe schon versucht die sidebar als klasse versehen und nicht ID.
die im container reingelegt aber es hat nie eine auswirkung.
die höhe ist immer fix. ob ich height 100%, oder sonst etwas eingebe.
und overflow-hidden funzt nicht.
denke ich total schräg?