Solved

Web Design/Layout

Posted on 2008-06-20
2
293 Views
Last Modified: 2012-05-05
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/

0
Comment
Question by:xmouser
2 Comments
 
LVL 6

Accepted Solution

by:
psychic_zero earned 500 total points
ID: 21829346
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
 
LVL 14

Expert Comment

by:ali_kayahan
ID: 21829347
/* 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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Mobile menu navigation , its html and css 6 54
Asp.net mvc foreach 3 32
Issue in webpage 6 33
How to add an image from an outside source to your signature in office 365 3 18
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

948 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now