Scrollbereich nur rechts des Contents

von **hooligan29** » 15.12.2011, 14:53

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.

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>

von **djheke** » 16.12.2011, 10:38

Bedenke, dass absolut positionierte Elemente aus dem Flüss genommen werden.

Versuch's mal so

Code: Alles auswählen: * { margin:0; padding:0; } #wrapper { width:100%; min-width:960px; margin:0 auto; baxkground:#aaa; position:relative; } .content { background:#aaa; margin:0 50px; } #content_innen { width:880px; margin:0 auto; background:#dd7; } .banner_left { position:absolute; left:0; top:0; width: 50px; background:#dad; } .banner_right { position: absolute; right:0; top:0; width: 50px; background:#ada; }

Code: Alles auswählen: <body> <div id="wrapper"> <div class="content"> <div id="content_innen"> Inhalt der Seite </div> </div> <div class="banner_left" id="divbanner2">l B</div> <div class="banner_right" id="divbanner3">r B<div> </div> </body>

Scrollbereich nur rechts des Contents

Scrollbereich nur rechts des Contents

Re: Scrollbereich nur rechts des Contents

Ähnliche Beiträge zu "Scrollbereich nur rechts des Contents"

Wer ist online?