full screen background image
Search
Wednesday 28 June 2017
  • :
  • :

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>




avatar

Yazar; 15 yıllık web & grafik tecrübesiyle çeşitli bakanlıkların web projelerinin yanı sıra, ünlü giyim firmalarının da (crispino, formenti, MXC Sports ... v.s ) web tasarım ve yazılımları ile birlikte 1000'i aşkın referans ile, Müşteri memnuniyetine devam ediyor.


Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Magento Themes