CSS'de Relative ve Absolute Kullanımı

02.10.2011 00:18

publichtml WM Aracı Kullanıcı

Üyelik 07.09.2011
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 202
Beğeniler 4 / 19
Ticaret 0, (%0)

Css kullanarak cisimlerin hizalamasını yaparken düşülen hatalardan biride absolute ve relative ilişkisidir. Css öğrenmeye yeni başlayanlar için bilinmesi gereken önemli konulardan biri iç içe iki cismin hizalanması olayıdır.

Örnek: Sayfamızda bir çerçeve var diyelim. Bu çerçeve içine menü yerleştirmek istiyoruz ama menünün sağa dayalı olmasını istiyoruz. Float yapabilirsiniz ama float havada kaldığı için genel yapıya terslik yapar. Float yapmadan bunu elde etmenin yolu.

Css Dosyası:

.cerceve{ position:relative}

.menu{position:absolute;right:0}

HTML Dosyası:

Kolay gelsin.

02.10.2011 00:27

#2

panoramaharem netortami.net Kimlik Onayı

Üyelik 29.09.2011
Yaş/Cinsiyet 35 / E
Meslek Web Master
Konum İstanbul Anadolu

Ad Soyad E** Y**
Mesajlar 178
Beğeniler 45 / 23
Ticaret 0, (%0)

Bilgilendirme için teşekkürler. CSS ie tarayıcılarda tam olarak çalışmamakta. Ben bir konu için bayağı araştırma yapmıştım fakat bulamayınca öylece bıraktım. Usta kişilerden de yardım istemiştim. Burada ki mesaja İE ile baktığınız vakit ne demek istediğimi anlayacaksınız.

27.06.2019 14:55

#3

apollon1 WM Aracı Kullanıcı

Üyelik 21.10.2018
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad A** T**
Mesajlar 67
Beğeniler 52 / 29
Ticaret 0, (%0)

Burada çerçeveye neden relative verdik acaba relative vermeden sadece çerçeve içindeki div'e absolute versek olmaz mı?

27.06.2019 15:11

#4

awoken WM Aracı Kullanıcı

Üyelik 06.06.2019
Yaş/Cinsiyet 19 / E
Meslek Öğrenci
Konum Diğer

Ad Soyad B** G**
Mesajlar 1002
Beğeniler 250 / 478
Ticaret 41, (%100)

apollon1 adlı üyeden alıntı

Burada çerçeveye neden relative verdik acaba relative vermeden sadece çerçeve içindeki div'e absolute versek olmaz mı?

Olmaz. Çünkü çerçeve içindeki div'e absolute verdiğin zaman en yakın position:relative'e yaslanır. Eğer hiç position:relative yoksa body'e yaslanır. Umarım örnekte anlatabilmişimdir.

https://jsfiddle.net/bgokcol/edyqfjwk/

1 kişi bu mesajı beğendi.

27.06.2019 15:13

#5

rws WM Aracı Kullanıcı

Üyelik 23.10.2012
Yaş/Cinsiyet 37 / E
Meslek kimyager
Konum İstanbul Anadolu

Ad Soyad E** B**
Mesajlar 666
Beğeniler 94 / 138
Ticaret 2, (%100)

apollon1 adlı üyeden alıntı

Burada çerçeveye neden relative verdik acaba relative vermeden sadece çerçeve içindeki div'e absolute versek olmaz mı?

o zaman body elementine göre pozisyon alır,

konumlandırmak istenilen nesne hangi ebeveny elementine göre pozisyon alacaksa o ebeveyn elemente pozisyon relative verilir ,

1 kişi bu mesajı beğendi.

wordpress-html-css-web işleri yapılır

27.06.2019 15:15

#6

apollon1 WM Aracı Kullanıcı

Üyelik 21.10.2018
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad A** T**
Mesajlar 67
Beğeniler 52 / 29
Ticaret 0, (%0)

awoken adlı üyeden alıntı

Olmaz. Çünkü çerçeve içindeki div'e absolute verdiğin zaman en yakın position:relative'e yaslanır. Eğer hiç position:relative yoksa body'e yaslanır. Umarım örnekte anlatabilmişimdir.

https://jsfiddle.net/bgokcol/edyqfjwk/

Sağolun bende tam böyle örnekleme yaparak olayın mantığını oturtmuştum :D hep back end sevmişimdir front endde şu divler yerleştirmeler biraz sorun yapabiliyor. Bir de mobil uyumdu çözünürlüğe göre değerdi derken... tonla şey var daha öğrenilecek :)

CSS'de Relative ve Absolute Kullanımı

Üye Girişi Yap