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>