Scrollbar positionieren

html.de-Forum HTML, XHTML & CSS
1

Hallo Zusammen,

Ich arbeite gerade an meiner Website, in welcher ich verschiedene Textbeiträge habe. Das ganze habe ich mit CSS gemacht:

[CODE]
/* Hintergrundbild /
#map {
width: 1600px;
height: 1000px;
position:absolute;
overflow: hidden; / showing scrollbars */
background:url(Bilder/map.gif);
z-index:1;
}

/Hintergrund des Textbeitrages/
#container {
width: 800px;
height: 750px;
position:absolute;
overflow: hidden; /* showing scrollbars */
top: 150px;
background-color:#666;
z-index:2;
}

/* Textbeitrag /
#containertext {
width: 700px;
height: 650px;
position:absolute;
overflow: auto; / showing scrollbars */
top: 50px;
left: 50px;
background-color:#666;
z-index:3;
}

/* Titel*/
#container2 {
width: 800px;
height: 50px;
position:absolute;
overflow: hidden; /* showing scrollbars */
top: 50px;
background-color:#999;
font-size:36px;
text-align:left;
z-index:2;
}
[/CODE]

und im Body Teil hab ich das so gemacht:

[CODE]

Switzerland
Tibits is a vegetarian restaurant. You choose your food at a buffet. They have a huge amount of different salads, but they also have warm food like mashed potatoes. Not everything is gluten-free but every meal has a card next to it where you can see if there is gluten in it or not. If there is a g on the card there is gluten in it. After you chose your food at the buffet you have to check the weight of your plate and then you pay for the weight you have on it.

You'll find a tibits restaurant in: Bale, Bern, Zurich and Winterthur (and there is one in London too) you'll find more informations if you click on the Tibits-logo.
[/CODE]

und das ganze sieht dann so aus:
http://gfholidays.bplaced.net/beitrage.html (den Titel muss ich noch nach rechts verschieben)

Nun ist das Problem, dass beim Beitrag der Seite der Textbereich kleiner ist als der Hintergrund, was ich auch will. Doch, wenn ich längere Texte habe, dann gibt es automatisch ein Scroll-Leiste, welche sich dann am Rande des Textbereiches befindet:

http://gfholidays.bplaced.net/beitrage2.html

Dies sieht aber nicht schön aus. Ich hätte lieber, wenn die Scroll-Leiste am Rande des Beitraghintergrundes ist, und die ganze Höhe dessen ausnutzt.

Hat da jemand eine Idee, wie das funktionieren könnte?

Vielen Dank schon im Voraus,

2

div#container {overflow:auto;}
div#containertext overflow raus.

der Scrollbalken passt sich immer der Höhe und Breite deines Elementes an.

3

Danke vielmals :slight_smile: Damit das ganze jedoch funktioniert, muss man noch die Höhe (also height) des #containertext wegnehmen. Ansonsten klappt es nicht. Vielen Dank trotzdem für die Grundlage :slight_smile: