[muhammetsevim]

Selamlar,

sorunum şu;

site normal divlerle tasarlanıyor.
Daha sonra bu divlerin üzerine gelmesi gereken bir layer var.
Bu layer bir resmin üzerine gelecek ve başka bir resim olarak görünecek, yani alttaki divi kapatacak.

Bunu yapmanın en iyi yolunun position:absolute; yöntemi olduğunu düşündüm.
Çok normal şekilde şu şekil uyguluyorum;

top: 100px; /* yukarıdan 100 pixel */
left: 100px; /* soldan 100 pixel */

Bu şekil verince resim tam olarak resmin üzerine oturuyor diyelim, ama 800x600 çözünürlükten bakınca burada ekran daha az alan olduğu için bu layer kayıyor ve başka yere oturuyor.

Bunu yapmanın başka bir yolu yok mudur? (Örneğin bir şekilde koordinat belirtmek vb.)

İyi çalışmalar dilerim.

[Ceyhun Aksan]

sitede yapmak istediğini tam olarak anlamadım ama px değer girmek yerine % değer de girebilirsin. bu şekilde çözünürlükte ekranın boyutlandırılmasına göre layerlar hareket eder.
örneğin;
left: 10%; gibi...

Ayrıca bir şey soracağım;
Layer`ların üzerlerine neden layer koyuyorsun?

[muhammetsevim]

Şimdi şöyle,

Bir div'in üzerine bir layer gelmesi gerekiyor, çünkü o div'i kapatması gerekiyor. Değeri % olarak verilirse de ne yazık ki işe yaramıyor. 1024x768 çözünürlükte sürekli layer kayıyor. Kaymasının nedeni de diğer divlere position:absolute uygulanmadığından dolayı sanırım, böyle olunca diğer divler sabit kalınca bu kayıyor. Yani genel olarak layer'ı sabitlemenin bir yolu yok mudur? Sorunu eklediğim resimlerde anlatmaya çalıştım. İyi çalışmalar dilerim.

[sigma]

O kırmızıları uyarı mesajları içi falan mı kullanıyorsun. Js kullanman gerekebilir. Çükü hadi çözünürlüğü hallettin sayfa boyutunu adam değişitirirse ne yapcan?

[muhammetsevim]

Hayır, sadece tasarım için. Bu yüzden js gerekmiyor.

[BuGSuR]

Sanırım CSS'nin z-index özelliği sizin aradığınız özellik.

Aynı parent div altındaki objeleri layer mantığ ile sıralayabilmenizi sağlıyor.

Daha ayrıntılı bilgi icin Google'da "CSS z-index" diye artırsanız faydalı linkler bulacaksınız.

Örnek:
http://css.somepeople.net/zindex

[muhammetsevim]

@BuGSuR, cevabın için teşekkür ederim.
Aslında düşündüm ve mantıken bu sorunun bir yanıtı olmadığına karar verdim. Layer ve divler apayrı şeyler, onları bir arada kullanmak da bazen böyle sorunlu olabiliyor..

İyi çalışmalar dilerim.

[Scud]

Bunu yapabilmek için CSS içinde js kullanmalısın
Dostum arkada ekran çözünürlüğü değiştikçe yeri değişen resime bir id vererek tanımla. mesela
<img id=degimg

gibi...

absolute olacak layere ise style tanımlarken:

<div style="position:absolute;left:expression(degimg.of fseftLeft);top:expression(degimg.offseftTop);"

bu şekilde sorunsuz çalışır eğer ayarlama uymazsa offsetLeft+250 vs gibi oynayabilirsin

[muhammetsevim]

Çok teşekkür ederim, en kısa zamanda deneyeceğim.

İyi çalışmalar dilerim.

[bqra]

Scud tarafından gönderilen mesaj:

mesela
<img id=degimg

gibi...

absolute olacak layere ise style tanımlarken:

<div style="position:absolute;left:expression(degimg.of fseftLeft);top:expression(degimg.offseftTop);"

Evet istediğim tam olarak buydu. Çok teşekkürler.