CSS'de konumlandırma (position) çeşitleri nelerdir? Aralarındaki fark nedir?
Absolute, Fixed, Relative gibi konumlandırma yöntemlerinin özellikleri ve aralarındaki fark nedir?Düzenle
Statik (Static) Konumlandırma: Varsayılan durumdur. CSS standard html kurallarına uyar.
Sabit (Fixed) Konumlandırma: Öğe diğer öğelerinden ve her türlü browser durumundan (scroll bar gibi) bağımsız olarak belirtilen pozisyonu alır. Bu sayfada kullanılmış. Scroll bar'ı aşağı çekerseniz beyaz bir mesaj barı çıkıyor. Scroll barı ne kadar aşağıya çekerseniz çekin hep en tepe ve solda kalıyor.
Mutlak (Absolute) Konumlandırma: Tarayıcıyı referans alır. X ve y'yi 50, 50 belirlerseniz. Tarayıcının sol-üstünden 50'ye 50 ayarla noktasından başlar. HTML'nin konumunun ya da orada başka bir öğe olmasının önemi yoktur (HTML'de son yazılan öğe en üstedir) .
Göreli (Relative) Konumlandırma: Statik konumlandırma'da HTML'ye göre hesaplanan konumuna x ve y değerleri eklenir. Bu şekilde örneğin yapışan öğeleri hafif ayırabilirsiniz.
Konuyla ilgili bağlantı;
Ceyhun Çakar (@ceyhuncakar) 'ın cevabına ek olarak;
Absolute konumlandırılmış olan element, içinde bulunduğu en yakın absolute veya relative konumlandırılmış üst elementin konumunu referans alır. Eğer böyle bir element içinde değilse, o zaman tarayıcıyı referans alır.
Detaylı bir bilgi kaynağı; w3schools.com/css/css_positioning.asp
Css'de konumlandırma adından da anlaşıldığı üzere bir elementin konumunu belirlemekte kullanılan css özelliğidir. Dört çeşit konumlandırma vardır, bunlar static, relative, absolute ve fixed.
Static özelliği birbiriyle ilişkili elementleri hiçbir özellik kullanmadan ham haliyle kullanan bir özellik. Yani oluşturulan divlerin standart olarak geldiği position özelliği statiktir.
2 : Relative
Relative özelliği ise mantık olarak statik gibi çalışır nerede olduğunu bilir ve kendini konumlandırır farkları ise konumlandırma seçeneklerinin relative de çalışıyor olmasıdır.
3 : Absolute
Absolute özelliği birazcık başına buyruk diyebileceğimiz bir özellik sanki tek başınaymış gibi davranır hiçbir divi takmaz. Relative ile aralarındaki fark relative diğer elementlere göre absolute tarayıcıya göre kendini konumlandırır.
4 : Fixed
Fixed özelliği ise sabit bir div oluşturmak istiyorsak kullanacağımız seçenek kesinlikle fixed özelliğidir. Konumlandırdığımız yerden asla oynamaz.
622 Görüntülenme7 Takipçi4 Yanıt
inploid'in sizce eksiklikleri nelerdir?How to boost torrent speed?Filmleri ve dizileri İnternet'ten en hızlı nasıl indirebiliriz?İnternette en iyi film izleme sitesi hangisidir?Sosyal siteler blog yazma alışkanlığını öldürüyor mu?Web tasarımında div'ler varken table neden gerekli?İnternet sanal tehlike mi? Yoksa sanal fayda mı? Yol açtığı boyutlar nereye kadardır?İnternetten normal video izlerken problem olmamasına rağmen tv kanallarını izlerken görüntü bozuk ge...Günde 3 veya 4 milyon kişinin ziyaret edeceği bir internet sunucusu (ISS) ne büyüklüktedir ve kurulu...Web sayfası gibi kullanılacak CD ya da DVD'ler hazırlamak için hangi programı kullanmak ne avant...Türkiye'nin en kapsamlı e-kitap sitesi hangisidir?Yazılımlarınıza ilişkin fikri haklarınızı koruma altına almak için UYSM'de kayıt oluşturabileceğ...Mikro-denetleyici programlama nedir?