Objekte innerhalb einer Scrollbar mit <div frei positionieren

[Charly2010]

Hallo Chraly2010

Hi Detlef,

<div id="Content2">

<div id="content2">

>   
> Ob das so günstig ist, zwei Ids, die sich lediglich durch Groß-/Kleinschreibung unterscheiden?  
>   

Ups! Mein Fehler!  

>   
> Ist das Div wirklich nötig?  
> Bilder lassen sich auch ausrichten oder positionieren, ohne sie extra in ein Div zu packen.  
  
ja ich muss es ja innerhalb des Scrollbereichs bewegen können, sprich auch den Text entsprechend unter das jeweilige Bild. Das geht leider nicht mit margin.  
  

> Außerdem solltest du zur Ausrichtung besser mit [margin](http://de.selfhtml.org/css/eigenschaften/randabstand.htm), [padding](http://de.selfhtml.org/css/eigenschaften/innenabstand.htm), [float](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float) und [clear](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear) arbeiten und mit [position](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position) nur wenn es nicht anders möglich ist.  
>   
> > 						~~~html

<img style="margin-left:-268px;margin-right:0px"src="Bilder/Betonschutzplatten nach WHG.jpg" width="250" height="250" alt="Betonschutzplatten nach WHG"></img>  

> >   
> > 						</div>

so landet es auch wieder außerhalb des Scrollfeldes. Was mache ich bloß falsch?

Lies mal in der Erläuterung zu position:absolute, worauf sich die Positionierung bezieht.

Ich habe es nun auch mit position:fixed versucht. Es bringt leider gar nichts, weil es so nach wie vor nicht in dem Scrollfeld eingebunden ist, sondern darüber zu liegen scheint. Es müsste sich in den hellen Bereich fest integrieren lassen, genau so wie wenn man es ohne Div dort platzieren würde, doch genau da liegt der Hase eben im Pfeffer begraben.

<div id="Table1">  
  
 <DIV style="OVERFLOW: auto; WIDTH: 580px; HEIGHT: 609px;">  
  
                           <div style="position:absolute; bottom:358px; left:628px;">  
  
						<img style="margin-left:-268px;margin-right:0px"src="Bilder/Betonschutzplatten nach WHG.jpg" width="250" height="250" alt="Betonschutzplatten nach WHG"></img>  
  
						</div>  
  
  
                                   <p style="text-align:left;color:#455063;font-family:Century Gothic;font-size:15px;margin-left:20px;margin-right:10px">Text</p>

Auf Wiederlesen

Detlef

Mfg.

Charly2010