Scrollbereich nur rechts des Contents

    Hallo,

    folgendes Problem: Habe einen Contentbereich mit 980px der je nach Bedarf links oder rechts einen Banner erhält. Sobald der Bannerbereich rechts gefüllt ist bekomme ich eine horizontalen Scrollbalken wenn das Browserfenster in den Bannerbereich kommt. Fülle ich den linken Bereich scrollt die Seite erst wenn ich in den Contentbereich komme - der Banner links wird quasi ignoriert.
    Am besten zu testen wenn man einmal das linke Banner-div rausnimmt und einmal das rechte.

    CSS:
    .content {width:980px; margin:auto; padding: 0px; position: relative;}
    .banner_left {position: absolute; right: 50%; margin-right: 500px; width: 50px;}
    .banner_right {position: absolute; left: 50%; margin-left: 500px; width: 50px}

    Codeauschnitt:
    < div class="content">Inhalt der Seite</div>
    < div class="banner_left" id="divbanner2">linker Banner</div>
    < div class="banner_right" id="divbanner3">rechter Banner</div>

    Einmal editiert, zuletzt von hooligan29 (16. Dezember 2011 um 10:25)

    Verzichte auf absolute Positionierung und setze die linken und rechten Bereiche per float rein. Dann kannst Du diese Bereiche mit einer zusätzlichen CSS-Klasse aus- und einblenden - je nachdem ob Du gerade Inhalte in dem Bereich eingefügt hast oder nicht.