Layout ohne Iframes / Overflow umsetzbar?

Kalma

Erfahrenes Mitglied
Hi,

ich habe folgendes Design für jemanden erstellt (Entwurf, siehe Anhang).

Meine Frage ist jetzt, lässt sich das Design so umsetzen, dass ich keine Iframes oder ein overflow bei einem Div brauche rechts?

Am Schönsten fände ich es, wenn die Heading Zeile immer sichtbar wäre, der Text aber unendlich lang sein könnte, in dem Content-Rahmen bleiben würde und man, ohne einen zusätzlichen Scrollbalken installieren zu müssen, am normalen Browserscroller drehen könnte.

Ein Freund sagte mir "Es gibt immer eine Umsetzung für ein Design" - Bei diesem Design bin ich mir aber nicht sicher, ob es ohne Flash, Iframes oder sonstige Scrollfelder umzusetzen ist.

Eine andere Möglichkeit wäre natürlich, einfach den unteren Rand immer mitwachsen zu lassen. Was haltet ihr von dieser Möglichkeit optisch gesehen. Ich weiß nicht, ob das Design damit an Optik verlieren würde.

Wäre nett, wenn ihr mir einen Tipp geben könntet!
Vielen Dank im Vorraus
 

Anhänge

  • design_preview.jpg
    design_preview.jpg
    422,4 KB · Aufrufe: 51
Zuletzt bearbeitet:
Hi,

dafür ist die CSS Eigenschaft overflow zuständig. Wenn du den entsprechenden Container mit overflow: auto; ausstattest, behält er wie ein iframe seine vordefinierte Größe und blendet automatisch die Scrollbalken ein, wenn der Inhalt nicht vollständig reinpaßt.
 
Danke für die Antwort.

Aber genau das wollte ich ja nicht. Wenn dann wollte ich den Scrollbalken zum Scrollen benutzen, der sonst ganz rechts am Fenster ist, aber da weiß ich nicht ob das möglich ist.

Ein Scrollbalken der im Content-Fenster eingeblendet wird, kommt eigentlich nicht in Frage.
 
Danke für die Antwort.

Aber genau das wollte ich ja nicht. Wenn dann wollte ich den Scrollbalken zum Scrollen benutzen, der sonst ganz rechts am Fenster ist, aber da weiß ich nicht ob das möglich ist.

Ein Scrollbalken der im Content-Fenster eingeblendet wird, kommt eigentlich nicht in Frage.

Sowas habe ich auch schon mal in einer Seite umgesetzt. (Link) Du mußt den Rest der Seite fixieren und die bewegliche Box nach ganz unten legen, damit die fixierten Teile diese an den entsprechenden Stellen überdecken. Wenn die Box aber nicht ganz unten auf der Seite endet, bekommst du ein Problem mit dem Inhalt, da der Browser ja immer davon ausgeht, daß die Ebene bis zum unteren Fensterrand sichtbar ist und auch nur so weit scrollt. Du mußt dann wohl immer einen entsprechenden Leerraum anfügen.
 
Zurück