bilder links anschneiden

[eichi89]

hallo ihr,

und zwar möcht ich, dass ein bild sozusagen am linken bildschirmrand rausgeschoben, oder halt einfacher ausgedrückt, links angeschnitten wird. hab das folgendermaßen umgesetzt:

<div style="width:300px; height:200px; position:absolute">
<img src="003.jpg" align="right" width="348" height="266">
</div>

im firefox klappt das auch prima aber im ie nicht. hat jemand eine idee, wie man's anders oder besser machen kann?

lg eichi89

 

[BcF]

Das könnte mit clip gehen, hab das aber noch nie benutzt und weiß daher auch nicht ob dem wirklich so ist.
clip: Ausschnitte: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Dark D.]

CSS: overflow: hidden;

 

[BcF]

CSS: overflow: hidden;

Dafür hätte man mit clip kein umschließendes div gebraucht

Aber ehrlich: Machs mit overflow:hidden, is sicherer (und einfacher).

 

[ganymed]

wenn du das bild in ein blockelement packst, kannst du dieses absolut positionieren und dabei auch einen negativen wert verwenden.

 

[eichi89]

danke an alle die so schnell geantwortet haben, hab mich letzendlich für eine kombination aus overflow:hidden und der negativen positionsangabe entschieden. durch die negative positionsangeb erreicht man, dass das bild wirklich am linken und nicht am rechten rand abgeschnitten wird, was sonst totz align="right" angabe, nicht geschahr. das overflow:hidden war wichtig, da die meisten browser einen abstand zwischen fenster u seitenbeginn bilden, in dem das bild weiterhin zu sehen war, und dadurch die ausrichtung nach dem darüber-/darunterliegenden nicht mehr erhalten blierb. so sieht der code nun aus:

<div style="margin-top:109px; width:282px; position:absolute; overflow:hidden">
<div style="margin-left:-66px"><img src="003.jpg" border="0" width="348" height="266"></div>
</div>

also nochmal danke an alle helfer