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ı
    11 yıl önce yazılmış
    xuma
    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 :)
      11 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
      11 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.
      11 yıl önce yazılmış
    • xuma adlı üyenin fotoğrafı xuma
      Paddingi o yüzden yazdım 

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

Cevaplar

Hiç cevap bulunamadı.