Header, Inhalt und Fußzeile innerhalb eines div mit position absolute

Ich habe ein div-element mit absoluter position. Der Wert für die position ist wichtig und kann nicht geändert werden. Wie kann ich einstellen, dass eine Kopfzeile, Inhalt und Fußzeile innerhalb dieses div?

Die Höhe des header und footer fixiert sind und der Inhalt sollten alle den Raum verlassen. Es ist auch wichtig, dass der Kopf bleibt immer oben und der footer unten.

Übergeordneten element sollte auch in der Größe veränderbar sein, mit Süd-resizable-handle und der Inhalt sollte auf die Veränderung seiner Höhe nach auf die Höhe des übergeordneten Elements.

.content {
    height: ?; /* What should this be?? */
}

Ein Beispiel für die situation: http://jsfiddle.net/7gPzF/26/

  • Würden Sie so freundlich sein genug, um einige Stimmen und Kommentare, um diejenigen, die Ihnen geholfen hat, damit andere, die diese Seite anzeigen, sehen können, was hilfreich war und was nicht war?
  • Danke für alle Antworten! Keine der Lösungen hat mir eine direkte Korrektur. Die erste Antwort gab mir die grundlegende Struktur um dieses Problem zu lösen, Dank Obsidion. Hier ist die Finale version, die ich schließlich mit auf meiner Seite: jsfiddle.net/7gPzF/95
  • D Ihr willkommen. Bedeutet das, dass meine Antwort als korrekt markiert?
  • Ja, sicher. Es ist nahe genug, um das, was ich suchte. Ich bin neu hier und noch nicht vertraut mit all den Verfahren.
InformationsquelleAutor Q D | 2014-06-13
Schreibe einen Kommentar