hooligan29
Grünschnabel
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:
Codeauschnitt:
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:
Code:
.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>
Zuletzt bearbeitet: