Solved

Window resize - cross browser

Posted on 2007-12-02
11
1,195 Views
Last Modified: 2013-11-19
Hi, I am looking for a way to accurately resize the browser to display exactly a 800x600 webpage, with no surrounding white space around on all major browsers.  Possible?  I have tried js window.resizeTo(810,772) which seems to work on FF but has a different result in IE.

Look forward to hearing from you.
0
Comment
Question by:Treder
11 Comments
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20392435
Just so you know: many browsers nowadays has resizing of the window disallowed by default.

If you specify a size when you use window.open, that size is the size of the working area.

If you want to use window.resizeTo, you have to calculate the difference between the window size and the workarea size. Resize the window to something that is close to what you want, then use document.partentNode.clientWidth and .clientHeight to find out the size of the working area. Calcualte the difference between the size that you specified and the size that you got, and call resizeTo again with the adjusted values.
0
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20392438
Correction: That is document.body.parentNode.clientWidth.
0
 

Author Comment

by:Treder
ID: 20393095
Thanks for the reply.  I am no programmer, is there any working code out there for this?  I have explored many a google on it, but have not come across anything that looks to work.  
0
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 
LVL 29

Accepted Solution

by:
Göran Andersson earned 500 total points
ID: 20393178
You don't have to be much of a programmer to write the code from my description above. :)

Try this out. I am not 100% certain that it works to resize twice without returning control to the browser inbetween, though.
var w = 800;
var h = 600;
window.resizeTo(w, h);
var w2 = document.body.parentNode.clientWidth;
var h2 = document.body.parentNode.clientHeight;
var dw = w - w2;
var dh = h - h2;
window.resizeTo(w + dw, h + dh);

Open in new window

0
 
LVL 3

Expert Comment

by:anandhariharan
ID: 20491002
This code across browsers. Quite similar to GreenGhost's comment.
var w = 810;
var h = 772;
window.resizeTo(w,h);
function winResize(){
  window.resizeTo(w,h);
}
 
<body onload="winResize()">

Open in new window

0
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20492091
anandhariharan, that code assumes a specific difference between the browser window size and the workarea size. That only works for someone who has the exact same combination of operating system, system version, desktop theme, browser and browser toolbar settings as you have...
0
 
LVL 3

Expert Comment

by:anandhariharan
ID: 20494592
GreenGhost, I have just given the size mentioned by the author who posted this query. It can always be changed according to what the author wants. To be very specific for a 800x600 resolution, the width of the browser should be 777px.

The Author can also mention "window.screen.width" if the design is fluid.

Treder, What say?
0
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20495455
> GreenGhost, I have just given the size mentioned by the author who posted this query.

Obviously you didn't understand the question, as all you did was to post some code that does exactly the same thing as the code Treder already posted in the question.

> It can always be changed according to what the author wants.

The point is that it can't.
0
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20548639
Checking back to see if you had any progress?
0
 
LVL 1

Expert Comment

by:Computer101
ID: 20953153
Forced accept.

Computer101
Community Support Moderator
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

808 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