height: 100% funktioniert nicht

[yoshi95]

Bei DIVs funktioniert height: 100% nicht. Lösungsvorschläge?

 

[HTMLehrling]

hast du dem vorherigen element, z.B body, auch gesagt, das es 100% hoch sein soll?

 

[yoshi95]

Ich hab ein Div in dem 2 Divs drin sind. Die 2 Divs sollen zu 100% Höhe im übergeordneten Div drin sien.

 

[HTMLehrling]

und dein maindiv, hat das 100% oder wie sieht dieses div aus, ist das positioniert?
poste doch kurz dein vorhaben-vielleicht mit code

 

[yoshi95]

[B][SIZE=2].[/SIZE][/B][SIZE=2]main [B]{[/B][/SIZE]
[SIZE=2][COLOR=#008000]float[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]left[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]width[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]100%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]background-color[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]transparent[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[B][SIZE=2]}[/SIZE][/B]
 
[SIZE=2][B].[/B]rahmen [B]{[/B][/SIZE]
[SIZE=2][COLOR=#008000]background-image[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2] [B]url[/B]([/SIZE][SIZE=2][COLOR=#ff0000]titel[/COLOR][/SIZE][SIZE=2].[/SIZE][SIZE=2][COLOR=#ff0000]jpg[/COLOR][/SIZE][SIZE=2])[B];[/B][/SIZE]
[SIZE=2][COLOR=#008000]background-repeat[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]repeat[/COLOR][/SIZE][SIZE=2]-[/SIZE][SIZE=2][COLOR=#ff0000]x[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]border-style[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]solid[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]border-width[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]1px[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]float[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]right[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]width[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]84%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]margin-top[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]1%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]overflow[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]auto[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]height[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]100%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[B][SIZE=2]}[/SIZE][/B]
 
 
[SIZE=2][B].[/B]menu [B]{[/B][/SIZE]
[SIZE=2][COLOR=#008000]float[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]left[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]background-image[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2] [B]url[/B]([/SIZE][SIZE=2][COLOR=#ff0000]titel[/COLOR][/SIZE][SIZE=2].[/SIZE][SIZE=2][COLOR=#ff0000]jpg[/COLOR][/SIZE][SIZE=2])[B];[/B][/SIZE]
[SIZE=2][COLOR=#008000]background-repeat[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]repeat[/COLOR][/SIZE][SIZE=2]-[/SIZE][SIZE=2][COLOR=#ff0000]x[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]border-style[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#ff0000]solid[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]border-width[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]1px[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]width[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]15%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]margin-top[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]1%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[SIZE=2][COLOR=#008000]height[/COLOR][/SIZE][B][SIZE=2]:[/SIZE][/B][SIZE=2][COLOR=#0000f0]100%[/COLOR][/SIZE][B][SIZE=2];[/SIZE][/B]
[B][SIZE=2]}[/SIZE][/B]

die Sachen sind in Main drin, Menü auf der linken Seite, Rahmen ist der Mainframe

 

[</apoclypse>]

habe komischerweise grad genau das selbe problem
wie ichs drehe und wende der divblock ist nur sichtbar wenn ich eine absolute größe angebe oder inhalt darin ist.

hab sogar das html element auf height 100% gesetzt: keine reaktion

 

[ky_fr34k]

#outer{
        min-height:100%;
        width:1000px;
        text-align: center;
        margin:-50px auto 0;
        background-image: url(bilder/body.gif);
}
* html #outer{height:100%;} /*for IE as it treats height as min-height anyway*/

ausschnitt aus meinem aktuellen projekt (s. signatu links)

 

[HTMLehrling]

body {height:100%;}

steht sowas im css?

margin-top:1%; height:100%;

ergibt 101%
ich denke es ist nicht notwendig, float:left und :right gleichzeitig anzuwenden, zumindest in deinem beispiel
border in px angegeben und 100% ergibt mehr als 100%:idea:
divs die ohne inhalt nicht gescreent werden visitable machen

 

[ky_fr34k]

divs die ohne inhalt nicht gescreent werden visitable machen

des war mir jetzt zu hoch!
du meinen?

 

[HTMLehrling]

sorry, natürlich mein ich visibility:visible

 

[yoshi95]

Also ich bin jetzt etwas verwirrt. Was soll ich machen?;ugl