Full version: jsB@nk » Browser » Page effect » Content Center
URL: https://www.javascriptbank.com/content-center.html
Build 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
<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-->
<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-->