div height 100% | passt sich nicht an

[cOenesthesia]

salut :>

ich versuch grade meine seite neu zu gestalten und diesmal sogar von den tabellen abzusehen *g
allerdings komm ich da jetz irgendwie nicht weiter...

ich hab ein div, das wiederrum 3 weitere divs [in reihe] enthält.
das mittlere beinhaltet den eigentlichen content, die beiden äußeren lediglich hintergrundbilder, die sich je nach länge des contents wiederholen [..sollen].

<div class="content">
<div class="row_left"></div>
<div class="inhalt">	
//inhalt der per php inkludiert wird
</div>
<div class="row_right"></div>
</div>

im stylesheet hab ich dann eben allen 100% an höhe zugewiesen.

.content {
	position:absolute;
	width:600px;
	height:100%;
	top: 297px;
}

.inhalt {
	position:absolute;
	width:580px;
	height:100%;
	float:left;
	margin-left: 15px;
	margin-right: 15px;
	z-index:3;
}

.row_left, .row_right{
	width:10px;
	height:100%;
	background-repeat:repeat-y;
	z-index:2;
}	

.row_left{
	float:left;
	background-image:url(Bilder/layout/row_l.jpg);
}

.row_right{
	float:right;
	background-image:url(Bilder/layout/row_r.jpg);

}

das problem ist, dass die höhe wohl immer gleich bleibt...heisst:
bei wenig inhalt bleibt noch platz und die ränder wiederholen sich bis das seitenende endlich kommt.
oder es ist zu viel inhalt und der rest wird einfach abgeschnitten.

sieht oder weiss jemand vielleicht was ich falsch mache?

an der höhe der bilder kann es doch nicht liegen, weil ich sie im hintergrund des div's einbinde, oder?

oder hab ich grad nen völlig falschen denkansatz? :?


//edit
der text wird nicht mehr abgeschnitten - warum auch immer das auf einmal nich mehr der fall is.
allerdings werden die beiden ränder immer nur für eine gewisse höhe wiederholt. egal ob der content kürzer oder länger ist.

 

[Prophet]

das liegt daran da du dem content 100% höhe zugewiesen hast.

nimm das raus dannn sollte es funktionieren.

du solltest für die ränder vll keine divs benutzten sondern sie als body hintergrund einstellen das spart quelltext sieht genauso aus und ist ebenfals 100% hoch.

 

[cOenesthesia]

wenn ich die 100% aus dem content div nehme, wird mir zwar weiterhin der komplette text,
aber gar keiner der beiden ränder mehr angezeigt.
[nehm ich sie aus dem inhalt div raus, haben die ränder wieder nur eine bestimmte höhe]

die äußeren divs sind nur 10px breit...und sollen auch nur 10px breit bleiben.
wie soll ich das als hintergrund im body definieren? x|

 

[Prophet]

stimmt da hast du recht dann würden sie auf 0px höhe zusammen schrumpfen...

soweit ich das shee behält der content immer die selbe breite oder?

erstelle dir eine grafik mit der breite des contents + die beiden ränder. pack diese grafik als hg in den body. nun braucht du sie nur noch mit backgound-position zurechtschieben und kannst den body da drin positionieren (entweder über margin oder position:absolute;)

 

[cOenesthesia]

dann hätt ich sie ja nich ma auseinander schnibbeln müssn *g

naja, wenn scheinbar nich anders geht, werd ich das wohl machen :/

dank dir.

 

[seby]

:idea:

gib den content div ne feste höhe. 100% kann ja alles mögliche sein, da ist ja soweit ich weß kein standart festgelegt. gib ihn mal ne höhe von ca. 600px

EDIT: oder gib den body ne feste höhe dann kan man auch was mit 100% höhe anfangen.

 

[Prophet]

aber das würde das problem doch nicht lösen...