100% height

[mooom]

ich habe ein zweispaltiges layout (navigation links, contentbereich rechts)
wie der titel schon sagt, sollen sowohl navigation als auch contentbereich vertikal 100% höhe haben.

trotz langer versuche klapt es einfach nicht. vielleicht entdeckt jemand den fehler.

html:

  
  
<div id="position">  
  
<div id="header"></div>  
<div id="navi-top"></div>  
<div id="main-body">  
  <div id="navi-left"></div>  
  <div id="content-box"></div>  
</div>  
  
</div>  
  

das css dazu:

  
  
body  
{  
	height:100%;  
	background-image:url("...");  
	background-repeat:repeat;  
	font-family:Verdana;  
	font-size:10pt;  
}  
  
#position  
{  
	width:920px;  
	top:12px;  
	position:relative;  
	margin:0 auto;  
	padding-bottom:0;  
	height:auto !important;  
	height: 100%;  
	min-height: 100%;  
}  
  
#header  
{  
	width:920px;  
	height:200px;  
	left:0;  
	top:0;  
	position:relative;  
	background:url("...") left top no-repeat;  
}  
  
#navi-top  
{  
	width:920px;  
	height:24px;  
	left:0;  
	top:2px;  
	position:relative;  
	background:url("...") left top no-repeat;  
}  
  
#navi-left  
{  
	width:201px;  
	left:0;  
	top:2px;  
	position:relative;  
	float:left;  
	background-color:#eee5dd;  
	height:auto !important;  
	height:100%;  
	min-height: 100%;  
}  
  
#content-box  
{  
	width:717px;  
	height:500px;  
	left:-1px;  
	top:2px;  
	position:relative;  
	float:right;  
	background-color:#eee5d0;  
}  

vielen dank im vorraus für den hirnschmalz =)

[Eliara_]

hei,

du suchst das:

< http://ryanfait.com/sticky-footer/>

LG

[mooom]

und meiner meinung nach habe ich das selbe in meinem code umgesetzt

[Eliara_]

und meiner meinung nach habe ich das selbe in meinem code umgesetzt

nur deiner meinung? Dann sollte es funkt! Vergleiche den code 10x !!

[mooom]

siehst du den fehler? ;)
ich tu es nicht. deswegen poste ich mein problem in ein forum.

[suit]

siehst du den fehler? ;)
ich tu es nicht. deswegen poste ich mein problem in ein forum.

Nimm ein diff-Tool wie z.B. Kompare oder WinMerge

[MudGuard]

Hi,

body
{
height:100%;

100% wovon?

cu,
Andreas

[mooom]

soweit ich verstanden habe kann body nicht erben, sondern nur vererben.
somit sollte 100% body-height eigentlich den browser als maximum nehmen.
oder liegt der html-tag noch "drüber"?

(auch wenn ich html auf 100% height setze wird das layout nicht richtig dargestellt)

[Eliara_]

deem,

ich muss noch deinen fehler suchen, was du nicht siehst, was du nicht sehen willst.
Dann bist du einfach nicht fuer web dev geeignet, geh was anders tun!

Dass dein code ganz anders wie in der beispiel ist, dass kann man auch ohne linsen sehen!!

[mooom]

die grundidee hinter diesem forum, so dachte ich, ist es sich auszutauschen, um rat zu bitten oder welchen zu geben.

"dann bist du nicht für web-dev geeignet"
-> wer sagt, dass ich das professionell mache?
-> wer sagt, dass ich es nicht gerade erst lerne und schlichtweg hilfe brauche?

was den code angeht (ich erlaube mir zur eigentlichen thematik zurück zu kommen):

ich habe bemerkt, dass das css snippet unvollständig ist. mein fehler.
die klasse "main-body" fehlt. der code funktioniert lokal. es scheint offenbar ein problem mit typolight zu geben. was genau das problem verursacht habe ich noch nicht herausgefunden.

schade jedenfalls, dass du mir lieber sagst, dass ich für web-dev nicht geeignet bin als mir schlichtweg zu sagen worin du den fehler siehst.

[suit]

die grundidee hinter diesem forum, so dachte ich, ist es sich auszutauschen, um rat zu bitten oder welchen zu geben.

Richtig.

"dann bist du nicht für web-dev geeignet"
-> wer sagt, dass ich das professionell mache?

Hat keiner gesagt.

-> wer sagt, dass ich es nicht gerade erst lerne und schlichtweg hilfe brauche?

Das hat dir niemand angekreidet.

ich habe bemerkt, dass das css snippet unvollständig ist. mein fehler.

Genau das wurde dir aber gesagt.

die klasse "main-body" fehlt. der code funktioniert lokal.

Das ist schön, nur können wir deinen lokalen Code nicht sehen.

schade jedenfalls, dass du mir lieber sagst, dass ich für web-dev nicht geeignet bin als mir schlichtweg zu sagen worin du den fehler siehst.

Korrigiere mich, aber für mich sieht das und der von dir gepostete Code nichtmal ansatzweise ähnlich aus. Wenn dir das nicht auffällt, bist du zur Lösung derartiger Probleme gänzlich ungeeignet.

Ein blinder Mensch wird vermutlich Probleme mit der Ausübung des Malerberufs Probleme haben, ebenso wird ein Querschnittgelähmter nicht an einem 100-Meter-Lauf teilnehmen.