Inhaltselement - Accordeon

[mypixel]

Hallo zusammen
Wer kann mir helfen?

Durch das einsetzen mehrenen Accordeons untereinandern,
beim öffnen und schliessen des Accordeons geht der Inhalt der Fusszeile immer mit
nach oben oder nach unten!
siehe am besten: http://www.mypixel.ch/contao/contao/...site=index.php
Rubrik Dienstleistungen
Wie kann ich die Artikel Höhe oder die Fusszeile fixieren?

Wer kann mir helfen und wünsche allen ein gutes neues Jahr.

[folkfreund]

Hallo mypixel,

der von dir angegebene Link zum Backend funktioniert natürlich nicht ohne Zugangsdaten. Schick lieber einen Link zu der betreffenden Frontend-Seite.

Falls ich deine Frage richtig verstanden habe, dann möchtest du die Fußzeile möglichst auf gleicher Höhe auf der Seite plazieren, unabhängig von der Länge der Artikel. Das kannst du tatsächlich nicht wirklich erreichen, da du ja nicht die Größe des Browserfensters und die Länge der Artikel vorhersagen kannst.
Aber es gibt eine Möglichkeit, die Fußzeile immer am unteren Fensterrand zu plazieren, falls der Artikel nicht mehr Platz braucht. Siehe z.B. auf meiner Seite www.folkfreun.de.

Gruß,
folkfreund

[mypixel]

richtiger Link

http://www.mypixel.ch/contao/index.php/dienstl.html

sorry für den Fehler

[folkfreund]

ok, ich verstehe.

Das ist aber tatsächlich kein Problem des Akkordion-Elements. Wenn du im Menü verschiedene Seiten aufrufst, dann steht die Fußzeile auch auf unterschiedlichen Höhen.

Du kannst das prinzipiell wirklich wie auf meiner Seite lösen. Du kannst es auf der Startseite nicht gut erkennen, aber z.B. hier: www.folkfreun.de/folk-tipps.html, falls du das Fenster kleiner machst, dann siehst du, wie der Footer verschoben wird.

So wird's gemacht (Kurzfassung):
Ich habe dazu fe_page.tpl verändert. Vor allem wurden die divs '#header' und '#container' in ein neues div '#beforeFooter' gepackt, das auch bei wenig Inhalt per

min-height:100%

auf die Fensterhöhe vergrößert wird. Mit

padding-bottom:xx px;
overflow:hidden;

wird genügend Platz für den Footer geschaffen.
Der Footer wird mit

position:absolute;
bottom:0;
height:xx px;

an den unteren Rand von '#wrapper' geklebt.
Wie es genau geht, kannst du z.B. mit firebug auf meiner Seite untersuchen. Vielleicht schreibe ich dazu auch mal ein Tutorial ;-)

Gruß,
folkfreund