• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 273
  • Last Modified:

Web Design/Layout

How is this site constructed/designed so that the layout completely fills the screen no matter what resolution you are using?  In particular it has no scroll bars showing as it resizes automatically.


1 Solution
The site using external javascript file

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" src="js/swfobject.js"></script>
<script language="JavaScript" src="js/swfforcesize.js"></script>
<script language="JavaScript" src="js/opencentered.js"></script>
<script language="JavaScript" src="js/screensize.js"></script>

I think the resize automatically function reside in the screensize.js and opencentered.js file. Below is the script for the both files:
//File - screensize.js
//File - opencentered.js
function open_center(url, name, params, Wwidth, Wheight) {
        Swidth = screen.width;
        Sheight = screen.height;
        Wleft = (Swidth / 2) - (Wwidth / 2) - 8;
        Wtop = (Sheight / 2) - (Wheight / 2) - 20;
        params = params+",left="+Wleft+",top="+Wtop+",width="+Wwidth+",height="+Wheight;
        window.open(url, name, params);

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now