Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

bir sorum var yardım eder misin ?

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
247
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj

  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <link rel="stylesheet" href="30.css"/>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <div class="tasiyici">
                
            <div class="ustbolum">asdasdasd</div>
            <div class="ortabolum">asdasd</div>
            <div class="altbolum">asdasdas</div>

        </div>
    </body>
    </html>



    * {margin: 0px; padding: 0xp;}

    .tasiyici { width: 100vh; height: 100vh;}
    .ustbolum { height: 10%; background: rebeccapurple; width: 100%; position: fixed;}
    .ortabolum { height: 600px; background: rebeccapurple; width: 100%; }
    .altbolum { height: 10%; background: rgb(45, 156, 35); width: 100%; position: fixed;}




    ortabolum neden ekranın 100% kaplamıyor ? 







  • <!DOCTYPE html> 
     <html lang="en"> 
     <head> 
         <link rel="stylesheet" href="30.css"/> 
         <meta charset="UTF-8"> 
         <title>Document</title> 
     </head> 
     <body> 
        
             <div class="ustbolum">asdasdasd</div> 
              
             <div class="ortabolum">asdas</div> 
          
             <div class="altbolum">asdsad</div> 
      
       
     </body> 
     </html>


    * {margin: 0px; padding: 0xp;} 
      
     .tasiyici { width: 100vh; height: 100vh;} 
     .ustbolum { height: 100px; background: rebeccapurple; width: 100%; position: fixed;} 
      
     .ortabolum { height: 300px; background: rgb(211, 20, 20); width: 100%; position: static; } 
     .altbolum { height: 100px; background: rgb(45, 156, 35); width: 100%; position: fixed;} 
     .clear { clear: both}


    yapmak sitediğim bunlar ile yaptım ama .ortabolum positin özelliği fixed yapınca neden böyle oluyor ? yani aşağıdaki gibi : 

    * {margin: 0px; padding: 0xp;} 
      
     .tasiyici { width: 100vh; height: 100vh;} 
     .ustbolum { height: 100px; background: rebeccapurple; width: 100%; position: fixed;} 
      
     .ortabolum { height: 300px; background: rgb(211, 20, 20); width: 100%; position: fixed; } 
     .altbolum { height: 100px; background: rgb(45, 156, 35); width: 100%; position: fixed;} 
     .clear { clear: both}




    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız