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.

http://www.bellesposa.com.br/

xmouserAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
psychic_zeroConnect With a Mentor Commented:
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>
<style>

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
 
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
self.focus();
 
//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

0
 
Ali KayahanFull Stack DeveloperCommented:
/* hide from ie5 mac \*/
html {
  height: 100%;
  overflow: hidden;
}
#flashcontent {
  height: 100%;
}
/* end hide */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #eee;
}
Setting the html tag to 100% height and then placing the Flash movie inside a div that is also set to 100% height does the trick.

0
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.

All Courses

From novice to tech pro — start learning today.