How to DIV height 100 Percent in Page Browser ? ini solusinya

Solusi height 100 Percent in Page Browser salah satunya memakai javascript.
dibawah ini adalah solusi untuk anda yang punya masalah ini.
sudah di coba di IE8, Firefox v28, Google Chrome v34.

<div id="wrapper">
Bla bla bla  
</div>

untuk css bisa ditambah border agar terlihat :

      #wrapper {
	padding: 0 20px 0 20px;
	margin: auto;
	width: 580px;
	border:1px solid;
      }

untuk javascript ditambah di html :

<script language="javascript">   
  if(window.screen.availHeight<750)
  {
	  
  var windowheight=window.screen.availHeight-180+"px"; // ini saya gunakan untuk resolusi dibawah 1024 x 768
	  }else{
  var windowheight=window.screen.availHeight-230+"px"; // ini saya gunakan untuk resolusi atas 1024 x 768
  }
  var el=document.getElementById("wrapper"); 
  el.style.height= windowheight;
</script>

Semoga code ini membantu solusi anda 😀

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s