Hallo,
jetzt habe ich doch noch eine Frage.
Habe jetzt schon lange im Internet gesurft aber finde nichts.
Ich will den div Container Content an die Browserhöhe anpassen.
Wie mache ich das??
[CODE]/* CSS Document */
html {
height:100%;
margin:0;
padding:0;
}
body{
background-color: #DED6D6;
margin: 0;
padding: 0;
height: 100%;
}
#website{
height:100%;
width:100%;
}
#main_login{
margin-left:auto;
margin-right:auto;
margin-top:3em;
background-color:grey;
width:400px;
text-align:center;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
#header{
height:50px;
background-color:green;
text-align:center;
margin-top: 0px;
font-size:40px;
}
#navi{
float:left;
width:200px;
height:10%;
background-color:blue;
}
#content{
height:100%;
overflow: scroll;
background-color:red;
text-align:left;
}
[/CODE]
[HTML]
<div id="website">
<div id="header">
header
</div>
<div id="navi">
test<br>
test1<br>
test2
</div>
<div id="content">
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
Inhalt blablablbalblbjklsdhbihsfiohsoifhsoifshfioushnjsbdgjkhdjkghdjhdxhgdikjcgioudhf<br>
dfghdjghdfsjfhkjghskgjhsdfjkghsdfjk<br>
jfdghdjfhfioghdiogdfgoj<br>
dhfguidshgdiughsduifghsdifugh<br>
</div>
</div>
</body>
Vielen, vielen Dank
Gruß
Fabi