Dreispaltiges Layout

[Tom Kullm]

Das dachte ich anfangs auch, wenn man die beiden Spalten rechts und links jedoch ein wenig breiter macht, sieht man das der Browser hier auch schon zu scrollen beginnt.

@charset "utf-8";

.border_left {
 position:absolute;
 top:0px;
 left:50%;
 height: 100%;
 width:40px;
 margin-left:-459px;
 background-color: #717171;
        background-image: url(images/backborder_left.gif);
}
.zentriert {
 position:absolute;
 top:0px;
 left:50%;
 height: 100%;
 width:838px;
 margin-left:-419px;
 background-color: #FCF6DD;
 overflow: hidden;
}

.border_right {
 position:absolute;
 top:0px;
 left:50%;
 height: 100%;
 width:40px;
 margin-left:419px;
 background-color: #717171;
        background-image: url(images/backborder_right.gif);
}

.pagebanner {
 position: absolute;
 left: 10px;
 top: 0px;
}

Ich möchte also nur erreichen, das die Scrollbar im Browser erst dann erscheint, wenn die Breite des Browser kleiner als die des div Elements (div class="zentriert") wird.

Ich habe deinen Beispielcode einmal ausprobiert.

Sowohl bei Internet Explorer (7) als auch beim Firefox (2) funktioniert es problemlos. Die horizontale Scrollbar erscheint erst wenn das Browserfenster kleiner als die mittlere Spalte ist.

MfG,

McKentire