• 23-02-2020, 20:32:21
    #1
    <div id="logo">
    Fixed Logo Bar
    </div><!--logo -->

    <div id="header">
    Başlık Vs
    </div><!--header-->

    #logo {background: #ccc; position: fixed; top: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; z-index: 2; margin: 0px 0px 0px 0px; color: #fff; }

    #header {background: #eee; width: 100%; position: relative;}

    Şimdi yukarda logo alanını fixed yaparak ekranı aşağı kaydırdığımda sabit olmasını istedim. Burası tamam, ama hemen altında başlayan header div alanı logonun altında çıkıyor görünmüyor bir kısmı. Html yapısı olarak onun logo alanından sonra görünmesi gerekmiyor mu? Neden altında çıkıyor?
  • 23-02-2020, 21:04:02
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    buddy adlı üyeden alıntı: mesajı görüntüle
    <div id="logo">
    Fixed Logo Bar
    </div><!--logo -->

    <div id="header">
    Başlık Vs
    </div><!--header-->

    #logo {background: #ccc; position: fixed; top: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; z-index: 2; margin: 0px 0px 0px 0px; color: #fff; }

    #header {background: #eee; width: 100%; position: relative;}

    Şimdi yukarda logo alanını fixed yaparak ekranı aşağı kaydırdığımda sabit olmasını istedim. Burası tamam, ama hemen altında başlayan header div alanı logonun altında çıkıyor görünmüyor bir kısmı. Html yapısı olarak onun logo alanından sonra görünmesi gerekmiyor mu? Neden altında çıkıyor?
    https://codepen.io/cagatayldzz/pen/RwPKbNq
  • 23-02-2020, 23:11:54
    #3
    teşekkür ederim hocam. sticky işe yaramadı bende yerine fixed kullanıyorum.
  • 23-02-2020, 23:26:14
    #4
    position: relative verdiğiniz için altında çıkıyor. Ayrıca logo seçicisinin z-index değeri 2 olduğu için de logo header üstünde çıkar.

    #header seçicisine bir padding-top değeri atayın düzelir.