Hey guys. trying to do a site at the moment. I want to find out if I can get it to change its size depending on the res of the screen its on. The images were created in PS and are fairly big resolution so the site being blown up onto a 42inch shouldnt make a difference. When I show the sit on my 192* 1080 the layout is fine, Banner on top centered, table in middle for text with image and footer image at the bottom. When I show it on my 1366 *768 laptop screen the main content area pushes down and it looks horrible.I tried
<script type="text/javascript">
document.body.style.visibility='hidden';
function autoscale()
{
var screenwidth=screen.width;
var fontsize = screenwidth * 0.0117249;
/* This number 0.0117249 just happens to work perfectly */
var fonttext = fontsize + '';
fontsize = fonttext + 'pt';
document.body.style.fontSize = fontsize;
document.body.style.visibility='visible';
document.body.style.zoom = '100%';
document.body.style.fontSize = "1em";
}
</script>
This code but it doesnt seem to make a difference. I have no clue of CSS and the HTML I was show was basic and from an early 00's curriculum :rolleyes: Any Ideas would be great
