Hallo
Mein Szenario sieht folgendermassen aus:
oben ein header welcher immer eine fixe Höhe hat.
unten zwei divs welche eine fixe Breite haben, jedoch ummer bis an den unteren Rand reichen sollten.
Die funktionniert auch scho gut.
Um alle divs habe ich ein total-div gemacht um die divs strekcen zu können.
I body__I_div header höhe fix__I______I
I_______I_____________________I______I
I_______I_nav I_div main______I______I
I_______I_____I__immer_______I______I
I_______I_____I_bis___________I______I
I_______I_____I_unterer_______I______I
I_______I_____I_rand _________I______I
I_______I_____I_______________I______I
I_______I_____I_______________I______I
I_______I_____I_______________I______I
Das Problem ist nur beim IE dass wenn der Text länger als das div wird, das div streckt, und nicht einen scrollbalken macht. Beim FF funktionnierts tadellos.
Wie muss ich den Code anpassen damit der IE auch scrollbalken macht?
div#total {
width:800px;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
position:relative;
background-image:url(Bilder/stripe.gif);
}
div#head {
width:800px;
height:176px;
background-image:url(Bilder/layout-2_01.gif)
}
div#nav {
width:167px;
float:left;
top:176px;
background-image:url(Bilder/layout-2_02.gif);
background-repeat: no-repeat;
min-height:424px;
height:expression(this.scrollHeight > 424 ? „auto“:„424px“);
text-align:right;
}
div#main {
width:633px;
position:absolute;
top:176px;
left:167px;
min-height:424px;
background-image:url(Bilder/layout-2_03.gif);
bottom:0px;
overflow:auto;
text-align:left;
}
Vielen Dank
KroT