Bild positionieren

[Max44]

Hallo, ich bin zwar neu hier, würde mich aber trotzdem über eure hilfe freuen.
Zu meinem Problem:

Ich habe eine fast fertige Homepage nun wollte ich auf der startseite noch eine Grafik in die linke obere Ecke machen, soweit so gut hab das auch hinbekommen und die Grafik ist in der Ecke nur leider hab ich ein Problem, denn wenn ich das "Fenster" kleiner ziehe, zieht sich der rest der Homepage nach und nach unter das Bild aus der Ecke, da es die größe beibehält.
Das Bild habe ich folgendermasen eingefügt:

<div style="position:absolute; top:32.7%; left:5%;">
<img style="margin:0px;" src="images/kasten.jpg"width="250px" height="400px">
</div>

Ich hoffe ihr könnt mir helfen.

 

[threadi]

Zunächst ist das <div> an der Stelle völlig unnötig. Das margin in einem absolut positionierten Element bringt auch nichts. Und deine Angaben für die Maße des img-Tags sind auch falsch. Schreib es doch so:

<img style="position:absolute; top:32.7%; left:5%;" src="images/kasten.jpg"width="250"  height="400">

Reicht völlig :)

Und zu deinem Problem: schau dir mal den z-index an.

 

[Max44]

Danke für die Hilfe, aber es bringt leider nichts. Das Bild verschiebt sich immer noch.
Es bleibt nicht in der Ecke und verschiebt sich nach oben bzw. verdeckt den Rest wenn man es zu klein zieht.

 

[Max44]

So sieht es aus, wenn das "Fenster" ganz groß ist.


So, wenn man es kleiner zieht :(

 

[Körnerbrötchen]

Finger weg von absoluten Positionierungen, wenn man nicht weiß was man da tut. Das ist einfach zu schwierig und zu unterschiedlich bei unendlich vielen Viewports in zu vielen verschiedenen Browsern.

 

[Max44]

Gibt es eine andere Möglichkeit, das Bild in eine Ecke zu machen ?
Brauch das nämlich unbedingt

 

[Körnerbrötchen]

Mit einem Link könnte ich dir gute Tipps geben, so kann ich nur sagen: Mit Wrapper oder negativem margin.