‘Göreceli-Konumlandırma’ etiketi için sonuçlar
z-index
Ocak 14th, 2008 • 21 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, Göreceli-Konumlandırma, Haberler, Mutlak-Konumlandırma, Sabit-Konumlandırma, Web Standartları, XHTML, z-ekseni, z-index
z-index, konumlandırma elementleri uygulanmış katmanların z-eksenindeki konumu belirlemek için kullanılır.
z-index tüm elementlere uygulanamaz sadece konumlandırma değeri atanmış elementlere uygulanır. Bunun anlamı eğer bir elementi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak konumlandırma değeri atamalısınız.
Göreceli-Mutlak Konumlandırma Sorunu
Aralık 27th, 2006 • 6 yorum CSS, XHTML
Etiketler: CSS, Göreceli-Konumlandırma, Mutlak-Konumlandırma, sorun, XHTML
Bu hata göreceli olarak konumlandırılmış(position:relative) bir elementin içinde mutlak konumlandırılmış(position:absolute) elementlerin bulunduğu durumlarda meydana gelir. Bu hata IE6 ve altı versiyonlarda görülür.
Normal Görünüm – Firefox 2.0
Hatalı Görünüm – IE6
Yukarıdaki ekran görüntülerinde de görüldüğü gibi göreceli konumlandırma(position:relative) içerisinde kullanılan mutlak konumlandırılmış(position:absolute) nesneler Internet Explorer’da hatalı görünücektir. Bu hata ie’nin farklı versiyonlarında farklı şekilde tepki verebilir, yani farklı şekilde görülebilir.
Bu sorunu çözmek için uygulanan yöntemlerden biri göreceli konumlandırma uygulanmış kapsayıcı katmana genişlik ve yükseklik vermektir.
İkinci bir çözüm olarak yükseklik göreceli olduğu durumlar için uygulanan bir yöntemdir.
/* IE-mac den gizle \*/
* html .container1 {height: 1%;}
/* IE-mac den gizleme sonu */
Kaynak
CSS ile konumlandırma(positioning)
Eylül 1st, 2006 • 75 yorum CSS
Etiketler: Blok-level, bottom, CSS, Göreceli-Konumlandırma, Inline-level, left, Mutlak-Konumlandırma, position, right, Sabit-Konumlandırma, top, z-index
CSS konseptinin üç önemli konusu kutu modelleme, konumlandırma(positioning) ve floating konularıdır.
Burada CSS ile konumlandırma hakkında bilgi vermeye çalışacağız.
Okumaya devam edin »
