Text in <div> scrollen

[Danushka]

Guten Abend alle miteinander
Ich habe da ein kleines Problem, ich habe 2 Divs

<div id=1>
 <div id=2>
 ganz viel text
 </div>
</div>

nun habe ich id=1 positioniert und möchte id=2 scrollen wenn der Text nicht platz hat (beim klick auf ein Bildchen)
kann mir jemand sagen wie ich das tun muss?
also hier noch der CSS Teil von id=1

background: #FFF542;
  border-width: 3px;
  border-color: #000000;
  border-style: dotted;
  position: absolute;
  top: 120px;
  left: 180px;
  right: 180px;
  bottom: 120px;
  z-index: 3;
  height: 80%;
  overflow: hidden;

habes mit -> document.getElementById("1").style.top=-xxx; <- versucht
jedoch ohne Erfolg, hoffe jemand hilft mir hier

danke
Danushka

[Mase]

Hi,

der scroll in dem/der div mit style="overflow:scroll;"

mfg

.mase

[Danushka]

Hallo Mase
Danke für deine Lösung
hab zwar nicht das gemeint (da ich gar nicht daran gedacht habe)
aber danke dir trotzdem.
Kann mir doch jemand noch sagen wie ich das ganze mit einem JS machen kann? Also nur den div mit der id=2 scrollen
danushka

[winipuh]

ich wollte das auch schon mal machen, aber es geht nur mit <i<rames> wirklich so, wie du das meinst.
das ist aber kein wirkliches prob. iframes sind genauso positionierbar, können sogar htm-dateien laden und werden von den neuen browsern unterstützt.

also probiers mal damit.

gruss wini

[hobbes]

ich hab gerade ein iframe gemacht. ist wirklich ganz einfach. und passt in jede tabelle. (:

<iframe src="politik.html" width="650" height="445" name="mitte" border="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis
aufrufen: <a href="politik.html">Politik</a></p>
</iframe>

[MudGuard]

Hi,

<div id=1>

^ hier ist das Problem. Eine Id ist keine Nummer. Eine Id muß mit einem Buchstaben beginnen.

<div id=2>

^ gleicher Fehler

ganz viel text
</div>
</div>

nun habe ich id=1 positioniert und möchte id=2 scrollen wenn der Text nicht platz hat (beim klick auf ein Bildchen)

habes mit -> document.getElementById("1").style.top=-xxx; <-

^ ist immer noch keine gültige Id.
Du willst doch sowieso das div zwei bewegen, nicht das div eins...
Und -xxx kann kein gültiger Wert für die Eigenschaft top sein (da die Einheit fehlt.

document.getElementById("zwei").style.top = "-" + xxx + "px";

könnte schon eher klappen.

cu,
Andreas