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

Window resize - cross browser

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
Treder
Asked:
Treder
1 Solution
 
Göran AnderssonCommented:
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
 
Göran AnderssonCommented:
Correction: That is document.body.parentNode.clientWidth.
0
 
TrederAuthor Commented:
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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Göran AnderssonCommented:
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
 
anandhariharanCommented:
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
 
Göran AnderssonCommented:
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
 
anandhariharanCommented:
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
 
Göran AnderssonCommented:
> 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
 
Göran AnderssonCommented:
Checking back to see if you had any progress?
0
 
Computer101Commented:
Forced accept.

Computer101
Community Support Moderator
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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