Arama butonu
Bu konudaki kullanıcılar: 1 misafir
2
Cevap
123
Tıklama
0
Öne Çıkarma
Div satırın tamamını kaplamıyor
Y
3 yıl
Binbaşı
Konu Sahibi

    <style>
        .underline {
            text-decorationunderline;
        }

        .card {
            font-size13px;
            positionfixed;
            bottom0px;
            height46px;
            left0px;
            width100%;
            background-colorrgb(255249249);
            }


        .card-body {
          text-aligncenter;
          positionrelative;
          top-16px;
          background-colorwhitesmoke;
          box-shadow5px 5px 5px 5px black;
        }

        a {
          color#000;
        }

        a:hover {
          color#000;
        }

        .btn {
          background-color#F44937;
          padding8px 7px;
          positionrelative;
          top-2px;
          border1px solid #F44937;
          border-radius4px;
          font-weightbold;
          font-family'roboto';
          font-size13px;
        }

        .btn:hover{
          background-color#F44937;
          border1px solid #F44937;
        }


    </style>
  </head>
  <body>

    <div class="card alert alert-dismissible fade show mx-auto">
      <div class="card-body">
        Veri politikasındaki amaçlarla sınırlı ve mevzuata uygun şekilde çerez konumlandırmaktayız. Detaylar için <a href="#" class="underline">veri politikamızı</a> inceleyebilirsiniz.

        <button type="button" data-dismiss="alert" class=" btn btn-primary">
          ANLADIM
        </button>
      </div>
    </div>


kendimi test etmek için farklı sitelerin çerez kutusunu yapmaya çalıştım ama olmadı div satırın tamamını kaplamıyor. Aşağıda buttona tıklayınca kapatmayı başardım(bootstrap alert ile) fakat gölge eklediğimde satırın tamamını kaplamadığını fark ettim. sizce sebebi neyden kaynaklanıyordur?
< Resime gitmek için tıklayın >




_____________________________

Eski kullanıcı adı: YKS2024Hedef1500


W
3 yıl
Yüzbaşı

bootstrap kullanıyosan, margini ek css kodu ile kendin sıfırlaman gerekebilir diye düşünüyorum.



M
3 yıl
Çavuş

.card sınıfını atadığın divin margin ve paddinglerini kontrol et. Birde width veririken 100% yerin 100vh dene. Buradaki vh anahratı mevcutta kullanılan ekranın tamamı demektir.



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.