Scrollbereich nur rechts des Contents

[hooligan29]

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.
Da mit dem Codeschnipsel unten die leeren div's nicht ausgeblendet werden muss man tum testen einmal das linke und einmal das rechte Banner-div entfernen und man sieht den Unterschied.

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}HTML:<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>

[JuniorChef]

Weil du mit absolute arbeitest.
Alle divs nebeneinander, und jedem float left und eine Weite geben.
Diese drei divs umschließt du dann noch mit einem div ( id="alles") und gibts dem die komplette weite ( also 1080 px ) und machst im css #alles{ margin: 0 auto; }.

Damit hast du alle divs in der Mitte und auch bei kleineren Bildschirmen wird alles angezeigt.