Would it work if I insterted javascript to center the content and to automatically resize the content to fit the user's browser? I came across this particular code when browsing the internet. I tried putting it in the coding, but it's not working.
<!-- THREE STEPS TO INSTALL CONTENT CENTER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!!
http://javascript.internet.com
Created by: liveing sacrifice ::
http://ls-design.forthelads.net */
function resize()
{
var wide = window.screen.availWidth
var high = window.screen.availHeight
var maxh = 600 // your max height here; enter 0 if not used
var maxw = 600 // 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 style='position:absolute;top:95%;width:40%;left:30%;'>provided by: <a href='http://ls-design.forthelads.net'>liveing_sacrifice</a></p>"
}
//-->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY onLoad="resize()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<div id="content">
<p>
All your content would go here.</p>
</div>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.87 KB -->
I put in var maxh and varr maxw 900 and 1440 respectively, and in the div id content, I put eveything that was in the body. However, I must have done something wrong because it didn't work. Actually, it just shifted it the other direction.
