Chreisben: Zwei <div> Bereiche, aber nur einer scrollbar?!

Tag Zusammen,
Hab da ein kleines Problem. Ich habe auf meiner Seite zwei <div> Bereiche, einer enthält eine Art Überschrift (Image) und der andere ist mit Text und Bildern gefüllt. Nun möchte ich dass der zweite Bereich scrollbar ist und das auch in verschiedenen Auflösungen. Ich habe über overflow:auto und der Angabe einer bestimmten Höhe erreicht, dass es bei 1024x768 genau passend ist. Allerdings sieht das Ganze bei einer größeren Auflösung nicht aus (scrollbarer Bereich ist zu klein) und bei einer kleineren Auflösung bekomme ich vom Browser noch einen weiteren Scrollbalken (scrollbarer Bereich zu groß). Gibt es nicht eine Möglichkeit die Größe automatisch so anpassen zu lassen, dass der scrollbare Bereich (<div> Bereich) immer den zur Verfügung stehenden Platz ausnutzt? Hab schon versucht den Wert für die Höhe auf auto zu setzen, aber dann bekommt die komplette Seite einen Scrollbalken und nicht nur der <div> Bereich. Wäre nett wenn jemand einen Tip zur Lösung hätte...

Gruss, Christian

  1. Hi,

    Nun möchte ich dass der zweite Bereich scrollbar ist und das auch in verschiedenen Auflösungen.

    ...und auch bei verschiedenen Fenstergrößen, hast Du zu erwähnen vergessen ;)

    Ich habe über overflow:auto und der Angabe einer bestimmten Höhe erreicht, dass es bei 1024x768 genau passend ist. Allerdings sieht das Ganze bei einer größeren Auflösung nicht aus (scrollbarer Bereich ist zu klein) und bei einer kleineren Auflösung bekomme ich vom Browser noch einen weiteren Scrollbalken (scrollbarer Bereich zu groß).

    Arbeite mit Fenstergrößen. Die sind übrigens unvorhersehbar.

    Gibt es nicht eine Möglichkeit die Größe automatisch so anpassen zu lassen, dass der scrollbare Bereich (<div> Bereich) immer den zur Verfügung stehenden Platz ausnutzt?

    100%

    Wäre nett wenn jemand einen Tip zur Lösung hätte...

    Arbeite mit relativen Größen - z.B. % für die Größe von Kästen und em für die Schritftgröße (umgekehrt kann es aber ebenfalls sehr sinnvoll sein).

    Viele Grüße,
    Bubax

    1. Vielen Dank für den klasse Tip. Hät ich mal früher drauf kommen sollen :-) Lassen sich ja einige schöne Sachen mit realisieren. Funktioniert eine relative Größenangabe auch für Framesets und deren Inhalt (Hintergrundbilder)?

      Gruss, Christian

      1. Hi,

        Funktioniert eine relative Größenangabe auch für Framesets und deren Inhalt (Hintergrundbilder)?

        Ich kenne mich mit framesets nicht aus. Wird die Größe der einzelnen frames nicht zwangsweise mit HTML-Attributen in der frameset-Datei festgelegt? Ich kann mir gut vorstellen, daß es keine Möglichkeit gibt, diese per CSS zu beeinflussen. (Natürlich funktioniert innerhalb der einzelnen frames CSS wunderbar und genau so, wie auf jeder *richtigen* Seite.)

        Hintergrundbilder lassen sich nicht in der Größe ändern. Dort kannst Du nur mit Kachelung bzw. Beschneidung (Änderung der Größe desjenigen Elementes, welches ein Hintergrundbild besitzt) arbeiten.

        Viele Grüße,
        Bubax