Ulrich Hauser: Div Problem fixer Bereich mit Scrollbar

Hallo,

mein Problem beschäftigt mich jetzt schon bald ne ganze Woche und ich bekomme es einfach nicht auf die Reihe.

Ich möchte mir eine Seite machen die in etwa wie folgt aussieht:
http://www.bude-beira.de/test/layout.jpg
Aussenherum sind noch Navigation etc. Der Bereich in der Mitte soll Scrollbar sein aber nur wenn nötig.

Da ich bisher immer mit Tabellen und Frames gearbeitet habe möchte ich diesmal alles mit Divs machen und habe noch einige Probleme damit.

Was ich bisher gemacht habe ist folgendes:
http://www.bude-beira.de/test/index.html

Dabei ist folgendes Problem:
Die Bilder werden nicht an der rechten Seite angezeigt. Wollte es so das die Bilder immer 15px Abstand nach Rechts haben und mitscrollen.

Im IE wird zusätzlich der mittlere Bereich nur einige Pixel breit dargestellt.

Habe schon viel ausprobiert mit clear, float, etc. (wie gesagt es beschäftigt mich schon einige Tage) aber ich bekomme es nicht hin.
Den Rest habe ich bereits wie gewünscht hinbekommen. Habe ihn aber zur besseren Ansicht weggemacht.

Viele Grüße,

Ulrich Hauser

  1. hi,

    Was ich bisher gemacht habe ist folgendes:
    http://www.bude-beira.de/test/index.html

    Es ist verdammt umständlich für jeden hier, sich das was du da gemacht hast aus den einzelnen Inline-Styles herzuleiten.
    Gewöhne dir diesen (Un-)Stil bitte ab, und verwende einen Style-Bereich im Head für Testseiten, und lagere in endgültigen Versionen das CSS ganz aus.

    Dabei ist folgendes Problem:
    Die Bilder werden nicht an der rechten Seite angezeigt. Wollte es so das die Bilder immer 15px Abstand nach Rechts haben und mitscrollen.

    Mir das jetzt im Detail anzusehen, fehlt mir die Lust - s.o.

    Zur generellen Umsetzung von fixierten Bereichen auch im IE gibt dir Fixe Bereiche mit CSS-basierten Layouts gute Tipps.

    Im IE wird zusätzlich der mittlere Bereich nur einige Pixel breit dargestellt.

    Wie hier schon zigfach nachzulesen, beherrscht es der IE einschl. Version 6 nicht, die Maße eines Elementes aus den gegenüberliegenden "Koordinaten" absoluter Positionierung herzuleiten. Du wirst also eine Breitenangabe machen müssen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Ich hatte eigentlich zunächst einen Style-Bereich, dachte aber es wäre besser wenn ich das ganze Inline mache damit jeder gleich weiss was wohin gehört. Habe noch nicht oft in Foren gepostet daher danke für den Hinweis.

      Habe es jetzt geändert.

      Komischerweise wird es jetzt im Firefox korrekt dargestellt. Im IE dagegen kommt jetzt im Scrollbereich gar kein Text mehr. Erst wenn ich eben die Breitenangabe mache.

      Werde wohl doch das ganze mit % Angaben oder Tabellen etc. lösen müssen.

      Danke