Layer Position Sorunu :(

[ahmetneseli]

Merhaba arkadaşlar

Normalde sayfamda bir resim görüntüleniyor. Ve benim bu resimin üstüne bir resim daha koyarak o resmin bir kısmını kapatmam gerekiyor.
Bunun için ben layer kullandım.

<div style="width:45px; height:45px; position:absolute; left:500px; top:500px; z-index:1;">
<img src="basarili.gif" width="45" height="45" border="0">
</div>

Yukarıdaki kodu kullanarak bunu başardım. Ama ekran çözünürlüğüne göre bu resmin yeri değişiyor. Bunun nasıl hep aynı yerde kalmasını sağlayabilirim?

[arthon]

bunun yerine resmi iframe'in içerisine yerleştirip, iframe'in boyutlarını 45X45 yaparak top ve leftini de ayarlayarak istemediğin kısmın görünmemesini sağlayabilirsin.

[ahmetneseli]

öyle olmuyor. çünkü iframe yaparsam resmin sağından ve altından tamamını alır. ve resmin görüntülenmesini istediğim yerleri de kaybolur.

[MOnurCe]

ahmetneseli, mesajından alıntı:

Merhaba arkadaşlar
Bunun nasıl hep aynı yerde kalmasını sağlayabilirim?

position:fixed;

[ahmetneseli]

bu hiç değil. bunu yazınca left:500px; top:500px; çalışmıo. Yani konumlama işlemi olmuyor.

[MOnurCe]

yuzdelik oranlarla sabitlemen gerek o zaman.

[anov]

position:relative olan bir taşıyıcı div içine almalısın ikisini de. Ondan sonra istediğin konumlandırmayı yap. (ikisinide absolute olarak birbirinin üstüne getir. z-index lerini ayarla) Ekran nereye giderse gitsin ekrana göre yer değiştirecek olan taşıyıcı div olacak, senin üst üste binen elementlerin etkilenmez.