In meinem body sind 4 Elemente enthalten: side, menu, content und foot.
Die Elemente sind mittels floats anzuordnen, sodass side links angeordnet über die komplette Höhe der Webseite erstreckt. menu, content und foot sind in dieser Reihenfolge untereinander auf der rechten Seite.
Daher habe ich die CSS wie folgt angelegt:
body {
position: absolute;
height: 100%;
}
side {
float: left;
width: 20%;
height: 100%;
}
menu, content, foot {
float: right;
width: 80%;
height: auto;
}
Mein Problem hierzu: Wenn ich im Content einen riesigen Text reinschreibe, so zieht sich dieser in der Höhe auseinander. Gut. Aber Mein side wird deshalb nicht länger. Warum ist das so und was kann ich dagegen tun?
edit: So soll es immer aussehen:
schreibe ich jedoch viel in den content-teil rein, so erscheint es so:
Ziel ist es, zu verstehen warum side sich nicht auch verlängert, wenn doch eigentlich height: 100% angegeben wurde.