SEO

100% Height Yükseklikte Div Yapımı

Div Yüksekliğini %100 (height) Yapmak

Bir div iniz var ve hangi ekran çözünürlüğünde bakılırsa bakılsın yüksekliğinin 100% olmasını istiyorsunuz. Bunun için geçmişte bir takım javascript kodları yazmak gerekiyordu ama artık buna gerek yok.

öncelikle Html’in kapsayıcısı olan Body ve html etiketlerine css ile değer atayıp ondan sonra kendi kapsayıcı divimize değer vereceğiz ve istediğimiz %100 yükseklikte div imiz olacak

</pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

	html, body {
		
			height:100%;
			margin:0px;
		
		}
	.kendi-divimiz {
			min-height:100%;
			width:500px;
			background:#F00;
			
		}

</style>
</head>
<body>
	<div class="kendi-divimiz"> Burası 100% Yüksekliğe sahip kendi Divimiz. </div>
</body>
</html>


İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Başa dön tuşu