Ich arbeite mit Joomla und der Aufbau sieht ca so aus:
parent{
- menu {} (59px hoch)
- header{} (200px hoch)
- content{}
}
footer{} (59px hoch)
Ohne weitere Modifikationen schwebt der footer bei zu wenig content in der Luft. Deswegen will ich das parent und content div mit einer mindesthöhe ausstatten, damit bei zu wenig content der footer trotzdem ohne Spalt ganz am Ende ist. Bei noch mehr Content darf der footer durchaus auch erst nach scrollen sichtbar sein.
parent:
min-height: calc(100% - 59px);
Jetzt wird der content div (mit anderem Hintergrund) aber nicht automatisch auf heigth 100% aufgeblasen und ich habe den Spalt einfach nur verschoben. deswegen:
content:
position: absolute (mit relative kann ich % nicht verwenden)
min-height: calc(100% - 59px - 200px -59px);
Jetzt sieht bei wenig content alles schön aus. Wenn aber Content länger wird habe ich das Problem, dass der Content hinter dem footer vorbei geht und der footer nicht ans Ende wandert. Das liegt daran, dass absolut positionnierte divs keinen einfluss mehr auf die parent größe haben.
Theoretisch könnte ich das parent div mit javascript dynamisch vergrößern, damit es das content div umschließt. Aber das will ich nicht weil:
1. JavaScript...
2. Ich verwende Joomla und will nicht zu sehr in das Framework eingreifen.
(Genauso gut könnte ich den footer absolut positionieren und mit javascript an den content hängen. Selbes Problem...)
Gibts irgendeine andere Möglichkeit mein Ziel zu erreichen? Ich müsste einfach nur das content div vergrößern ohne "position: absolute" zu verwenden...
lg
PS: Ich hoffe ich habe mein Problem gut beschrieben. Wenn nicht: Bitte einfach nachfragen.
parent{
- menu {} (59px hoch)
- header{} (200px hoch)
- content{}
}
footer{} (59px hoch)
Ohne weitere Modifikationen schwebt der footer bei zu wenig content in der Luft. Deswegen will ich das parent und content div mit einer mindesthöhe ausstatten, damit bei zu wenig content der footer trotzdem ohne Spalt ganz am Ende ist. Bei noch mehr Content darf der footer durchaus auch erst nach scrollen sichtbar sein.
parent:
min-height: calc(100% - 59px);
Jetzt wird der content div (mit anderem Hintergrund) aber nicht automatisch auf heigth 100% aufgeblasen und ich habe den Spalt einfach nur verschoben. deswegen:
content:
position: absolute (mit relative kann ich % nicht verwenden)
min-height: calc(100% - 59px - 200px -59px);
Jetzt sieht bei wenig content alles schön aus. Wenn aber Content länger wird habe ich das Problem, dass der Content hinter dem footer vorbei geht und der footer nicht ans Ende wandert. Das liegt daran, dass absolut positionnierte divs keinen einfluss mehr auf die parent größe haben.
Theoretisch könnte ich das parent div mit javascript dynamisch vergrößern, damit es das content div umschließt. Aber das will ich nicht weil:
1. JavaScript...
2. Ich verwende Joomla und will nicht zu sehr in das Framework eingreifen.
(Genauso gut könnte ich den footer absolut positionieren und mit javascript an den content hängen. Selbes Problem...)
Gibts irgendeine andere Möglichkeit mein Ziel zu erreichen? Ich müsste einfach nur das content div vergrößern ohne "position: absolute" zu verwenden...
lg
PS: Ich hoffe ich habe mein Problem gut beschrieben. Wenn nicht: Bitte einfach nachfragen.