»
EnglishFrenchVietnamese

Print - Content Center - JavaScriptBank.com

Full version: jsB@nk » Browser » Page effect » Content Center
URL: https://www.javascriptbank.com/content-center.html

Content Center © JavaScriptBank.comBuild fluid Web pages that adjust according to the size of your visitor's monitor settings. This script uses the screen.availWidth and screen.availHeight properties to detect your visitor's screen resolution.

Full version: jsB@nk » Browser » Page effect » Content Center
URL: https://www.javascriptbank.com/content-center.html



JavaScript
<script type="text/javascript"><!-- Begin// Created by: liveing sacrifice :: http://ls-design.forthelads.netfunction resize(){  var wide = window.screen.availWidth  var high = window.screen.availHeight  var maxh = 1024 // your max height here; enter 0 if not used  var maxw = 768 // your max width here; enter 0 if not used  var content = document.getElementById('content')  content.style.position = 'absolute'  if(maxh > 0 && high <= maxh)  {  content.style.height = high  }  if(maxw > 0 && wide <= maxw)  {  content.style.height = high  }  if(maxh > 0 && high > maxh)  {  content.style.height = maxh  high = (high - maxh) / 2  content.style.top = high  }  if(maxw > 0 && wide > maxw)  {  content.style.width = maxw  wide = (wide - maxw) / 2  content.style.left = wide  }  // Do not remove line below  content.innerHTML = content.innerHTML + "<p>provided by: <a href='http://ls-design.forthelads.net'>liveing_sacrifice</a></p>"}//--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onLoad="resize()"><div id="content">All your content would go here.</div></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->