Michael: CSS-Layout mit flexibler Inhaltsgrösse

Hallo allerseits

Bin mir ein Layout mit CSS (DIVs) am gestalten, wo ich gänzlich auf Tabellen verzichten will, bin nun aber auf die ersten Tücken gestossen..

Ich habe einen fixen Kopfbereich (200px) und einen fixen Fussbereich (100px), welcher jeweils unten am Browserfenster (egal welche Auflösung) erscheint. Dies ist kein Problem, das habe ich geschafft.

Was ich nun aber möchte, ist zwischen Kopf- und Fussbereich einen Inhaltsbereich definieren, welcher sich automatisch an die Bildschirmgrösse bzw. Auflösung anpasst (mit overflow:auto nur im Inhaltsbereich).

Also ähnlich dieser Variante, aber eben der Scrollbalken (sofern notwendig) soll nur im Inhaltsbereich erscheinen:
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel_self.htm

Hoffe, jemand von euch hat mir einen Input, wie ich das lösen kann!

Danke zum Voraus und liebe Grüsse
Michael

  1. hi,

    Was ich nun aber möchte, ist zwischen Kopf- und Fussbereich einen Inhaltsbereich definieren, welcher sich automatisch an die Bildschirmgrösse bzw. Auflösung anpasst (mit overflow:auto nur im Inhaltsbereich).

    Absolute Positionierung mit top und bottom - versteht aber leider der IE noch nicht (jedenfalls mind. bis Version 6).

    Also ähnlich dieser Variante, aber eben der Scrollbalken (sofern notwendig) soll nur im Inhaltsbereich erscheinen:
    http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel_self.htm

    Das tut er doch da auch?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi,

      Was ich nun aber möchte, ist zwischen Kopf- und Fussbereich einen Inhaltsbereich definieren, welcher sich automatisch an die Bildschirmgrösse bzw. Auflösung anpasst (mit overflow:auto nur im Inhaltsbereich).

      Absolute Positionierung mit top und bottom - versteht aber leider der IE noch nicht (jedenfalls mind. bis Version 6).

      ok, danke für die prompte antwort!

      Also ähnlich dieser Variante, aber eben der Scrollbalken (sofern notwendig) soll nur im Inhaltsbereich erscheinen:
      http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel_self.htm

      Das tut er doch da auch?

      jein, beim MSIE funktionierts, beim Firefox erscheint der Scrollbalken über die gesamte Seite... Denke aber, mit dem Layoutbeispiel kann ich für meine Zwecke was anfangen..

      gruß,
      wahsaga

  2. Hallo Michael

    Was ich nun aber möchte, ist zwischen Kopf- und Fussbereich einen Inhaltsbereich definieren, welcher sich automatisch an die Bildschirmgrösse bzw. Auflösung anpasst (mit overflow:auto nur im Inhaltsbereich).

    Vieleicht kann dir dieses Beispiel Anregungen geben.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!