Hallo zusammen, ich bräuchte mal kompetente Hilfe

Ich arbeite mit Stylesheets und habe eine Box, in der Text angezeigt wird. Diese Box soll scrollbar sein, sodass man nicht die ganze Seite scrollen muss sondern nur den Inhalt der Box. Das Stylesheet ist dabei in einer externen Datei und wird für mehrere Links angewandt. Die Angaben für die Box sehen folgendermaßen aus:

div#kurse {

  background-color: #CFE2F3;

  position: absolute;

  top: 0px;

  right: 0px;

  left: 0px;

  bottom: 0px;

  color: #646478;

  line-height: 18px;

  font-size: 12px;

  [COLOR="Red"]overflow: auto;[/COLOR]

  scrollbar-base-color:#CFE2F3;

  scrollbar-3d-light-color:#82AAD7;

  scrollbar-arrow-color:#82AAD7;

  scrollbar-darkshadow-color:#82AAD7;

  scrollbar-face-color:#CFE2F3;

  scrollbar-highlight-color:#82AAD7;

  scrollbar-shadow-color:#82AAD7;

  scrollbar-track-color:#CFE2F3;

  padding: 10px;

}

allerdings wird die Eigenschaft "overflow" in meinem Browser (IE 6.0) grad vollkommen ignoriert. Ich nehme an, dass es daran liegt, dass ich keine Größenangabe (width, height) angegeben hab, Da bei SelfHTML steht, dass erst gescrollt wird, wenn die Größengrenze überschritten wird.

Ich kann aber keine feste Größe angeben, da das Stylsheet für mehrere HTML-Seiten genutzt wird und sich der Inhalt demensprechend immer ändert.

Hat jemand eine Idee, wie ich das umgehen kann?

LG

Leberwurscht

Ich kann aber keine feste Größe angeben, da das Stylsheet für mehrere HTML-Seiten genutzt wird und sich der Inhalt demensprechend immer ändert.

Styles lassen sich vererben und kombinieren. Leg einfach eine seitenspezifische CSS-Datei an in der dann z.B. nur steht:

div#kurse {

width: 50%; }

Oder in den Head der Datei, oder beim div selbst...

Wäre eine Lösung, ist aber sehr unelegant, wenn man über 30 HTML-Docs hat, die den Stylesheet benutzen.

Hab mittlerweile eine angebliche Lösung gefunden, da es für den IE die Möglichkeit mit overflow-x und overflow-y zu arbeiten, funktioniert nur leider bei mir noch nicht...

Ok, jetzt weiß ich auch, warum dass mit dem owerflow-y und overflow-x nicht funktioniert. Die Angaben position:absolute beißt sich damit, im IE 6.0 wird dabei das scrollen verhindert...

Nun ja, dann muss ich wohl doch für die unfähigen Browser ein extra Stylesheet einbinden mit einem anderen Layout...

Nun ja, dann muss ich wohl doch für die unfähigen Browser ein extra Stylesheet einbinden mit einem anderen Layout...

Willkommen in der wunderbaren Welt der Browser!