centuri: Positionierung innerhalb eines div-blocks

Beitrag lesen

Hallo Matthias,

vielen Dank für deine Antwort - aber ich habe mich wohl missverständlich ausgedrückt.
Der Titel hätte lauten sollen: "Serverseitige dynamische Positionierung".

Nein, die thumbnails sind nicht in einer Liste (ul oder ol); sondern das HTML sieht so aus:

---------------------- Code on --------------------------------

<div id="div_thumbs">

<a href="../deutsch/galerie.php?n=1">
   <img src="../bilder_galerie/thumbs/thumb_1.jpg" alt="thumb1"
                                title ="" class="thumb_start"/>
   </a>

<a href="../deutsch/galerie.php?n=2">
   <img src="../bilder_galerie/thumbs/thumb_2.jpg" alt="thumb2"
                                title ="" class="thumb"/>
   </a>

<a href="../deutsch/galerie.php?n=3">
   <img src="../bilder_galerie/thumbs/thumb_3.jpg" alt="thumb3"
                                title ="" class="thumb"/>
   </a>

<!-- und so weiter bis (beispielsweise): -->

<a href="../deutsch/galerie.php?n=9">
   <img src="../bilder_galerie/thumbs/thumb_9.jpg" alt="thumb9"
                                title ="" class="thumb_sel"/>
   </a>

<a href="../deutsch/galerie.php?n=10">
   <img src="../bilder_galerie/thumbs/thumb_10.jpg" alt="thumb10"
                                title ="" class="thumb"/>
   </a>

</div>

... und im zugehörigen CSS-file:

#div_thumbs {
       position:absolute;
               top:180px;
               right:545px;
               width:122px;
               height:400px;
               background-color:transparent;
               overflow:auto;
               z-index:2;
}
.thumb_start {
position:relative;
top:0px;left:0px;
width:100px;height:75px;
border:solid 2px silver;
}
.thumb {
position:relative;
top:2px;left:0px;
width:100px;height:75px;
border:solid 2px silver;
}
.thumb_sel {
position:relative;
top:2px;left:0px;
width:100px;height:75px;
border:solid 2px #ED1D25;
}

---------------------- Code off --------------------------------

Mein Problem ist jetzt folgendes:
Es passen nicht alle Vorschaubilder in den div-Block, also erscheint ein senkrechter scrollbar: thumb_1.jpg ist oben und die thumbs ab Nr. 6 sind nicht mehr zu sehen.

Soweit so gut.

Aber:
Wenn nach der Auswahl eines Bildes (Klick auf z. B. thumb_9.jpg) die Seite neu geladen wird, soll automatisch "vorgescrollt" sein; also thumb_9.jpg soll sichtbar sein (der Anwender soll also nicht selber scrollen müssen).

Wie kann man das bewerkstelligen? Dazu habe ich keine Idee mehr.

Dank und Gruß
Andreas