bild im div verschieben

[verbatim]

Hey Leute,

ich habe folgendes Problem:
ich habe in einem div ein bild eingebaut. Also:

  
<div style="...">  
  <img src="foo.jpg" alt="Bild">  
</div>  

Jetzt hab ich bei dem div "overflow" auf "hidden" gestellt, so dass immer nur der Bereich angezeigt wird der reinpasst.
Mein Problem ist nur, dass immer die obere Linke Ecke des Bildes angezeigt wird.
Kann mir einer sagen wie ich das Bild so verschieben kann, so dass z.b. die Mitte des Bildes zu sehen ist?

MfG Verbatim

[suit]

Kann mir einer sagen wie ich das Bild so verschieben kann, so dass z.b. die Mitte des Bildes zu sehen ist?

Es klappert die Mühle am rauschenden Bach, [...] http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clip klapp, klipp klapp, klipp klapp.

[verbatim]

Es klappert die Mühle am rauschenden Bach, [...] http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clip klapp, klipp klapp, klipp klapp.

Danke schonmal,

aber dafür muss der div absolute positioniert sein oder?!
wenn ich das auf meiner seite mache gibt das nen bildersalat...
ich müsste meine ganze seite anders strukturieren wenn ich das so mache...
gibts noch ne andere möglichkeit?
Aber schonmal gut, dass es überhaupt geht ;)

Danke
MfG Verbatim

[suit]

gibts noch ne andere möglichkeit?

positioniere dein bild innerhalb des div-elements absolut nach links oben

[verbatim]

positioniere dein bild innerhalb des div-elements absolut nach links oben

Danke
MfG Verbatim

[Kalle_B]

gibts noch ne andere möglichkeit?
positioniere dein bild innerhalb des div-elements absolut nach links oben

Eine absolute Position bezieht sich auf ein absolut oder relativ positioniertes Elternelement.

Also müsste zunächst der div mit position:relative und dann das enthaltene Bild mit position:absolute oder position:relative gestylt werden.

Aber vermutlich wird das Bild nur aus dem Rahmen herausgeschoben, d.h. die "abgeschnittenen" Ränder sind weiterhin zu sehen ausserhalb des div.

LG Kalle

[suit]

Aber vermutlich wird das Bild nur aus dem Rahmen herausgeschoben, d.h. die "abgeschnittenen" Ränder sind weiterhin zu sehen ausserhalb des div.

bei overflow: hidden denke ich nicht

[Harlequin]

Yerf!

Kann mir einer sagen wie ich das Bild so verschieben kann, so dass z.b. die Mitte des Bildes zu sehen ist?

Ich würds mal mit position:relativ und negativen Angaben für top und left beim Bild probieren.

Gruß,

Harlequin

[verbatim]

Ich würds mal mit position:relativ und negativen Angaben für top und left beim Bild probieren.

ich versuchs ;)

MfG Verbatim