Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Tasarımda alt bölge büyüyor..

Arkadaşlar alt bölümün 65px olmasını istiyorum. Orta bölümün uzamasını istiyorum, fakat alt bölge uzuyor. Orta bölüme min-height vererek yapmak istemiyorum. Farklı çözünürlüklerde sıkıntı olabilir.
<div class="ust"></div>
<div class="orta"></div>
<div class="alt"></div>



div.ust{
    padding: 20px;
	background: #DDEEF6;
	color: #789;
	border-bottom: 4px solid #88BBD4;
	height:90px;
}
div.orta {
	background: #fff;
	padding: 20px;
	min-height:414px;
	height:100% !important;
}

div.alt{
        background: #C0DEED;
        font-size: 13px;
        color: #789;
		padding: 10px;
		border-top: 4px solid #88BBD4;
        text-align: center;
		height:65px !important;
}

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • xuma adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    171 cevap - 1 soru
    
    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8" />
    		<style>
    		*{margin:0;padding:0;}
    			html,body {height:100%;}
    		.tasiyici {
    			position:relative; 
    			width:100%;
    			height:auto !important; 
    			height:100%; 
    			min-height:100%; 
    		}
    		.ust{
    			display: block;
    			height: 90px;
    			position: relative;
    			width: 100%;
    			background:red;
    		}
    
    		.orta {
    		
    		}    
    		.alt {
    			position:absolute;
    			width:100%;
    			bottom:0;
    			background:green;
    			height:100px;
    		}
    		</style>
    	</head>
    	<body>
    	<div class="tasiyici">
    		<div class="ust"></div>
    		<div class="orta"></div>
    		<div class="alt"></div>
    	</div>
    	</body>
    

    </html>
    • Actionsee adlı üyenin fotoğrafı Actionsee
      Teşekkür ederim :)
      10 yıl önce yazılmış
    • xuma adlı üyenin fotoğrafı xuma
      .orta 'ya padding-bottom da vermek gerek altının yüksekliği kadar gibi birkaç ayrıntı daha var ama o kısımları uğraşarak çözebilirsin
      10 yıl önce yazılmış
    • Actionsee adlı üyenin fotoğrafı Actionsee
      Sayfada scroll olunca, alt bölümde hata oluyor. Alt bölüm orta bölümün üstünde kalıyor.
      10 yıl önce yazılmış
    • xuma adlı üyenin fotoğrafı xuma
      Paddingi o yüzden yazdım

      .orta {padding-bottom:100px;}
      
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.