CSS - Scrollbarer Bereich verschiebt sich

[Nina-]

Hallo,

blicke das einfach nicht. Im Stylesheet gibt es ein div #main. Diesem soll eine Höhe mitgegeben werden, alles was an Text länger wird soll horizontal zu scrollen sein. Egal was ich mache, ich bekomme es nicht angepasst.

Habe auch versucht ein weiteres div einzufügen #content, dem ich die Höhe 400 px mitgegeben habe, damit kommt der IE aber nicht zurecht und setzte es an den rechten äußeren Rand der Seite.

#main {font: Verdana, Arial, Helvetica, sans-serif; color: #000066; margin-left: 7em; padding: 2em 0 1px 5%; border-left: 1px solid;}
#content {height: 400px; overflow:scroll;}

Jemand Ideen?

Danke!!!

Viele Grüße,
Nina

[threadi]

Ein scrollbares div erfordert

- feste Höhe (heigth)
- feste Breite (width)
- Angabe zum Scrollen (overflow)

Folglich sähe es z.B. so aus:

<div style="height: 200px;width: 200px;overflow: auto;">Inhalt</div>

In diesem Fall wird der Scrollbalken eingeblendet sobald dieser erforderlich ist.

[Nina-]

Danke!