set body width in px?

Question

how can you set the body width in px in javascript?

has to work in chrome, ff and our beloved ie

edit:

it has to be used when a dialog box pops up and the horisontal scrollbar is hidden.. then I have to compensate for the missing 16px.. else the whole site is moving slightly to the right

maybe you have better solution to the problem? I don't know :)

Re your edit: I don't think changing the body's width will help you in that case. Is the dialog box an iframe? — Pekka, Apr 24 '11 at 08:00

maerics · Answer 1 · 2011-04-24T08:16:05.647

4

document.body.style.width = '800px';

[Edit]

If you need to adjust from the existing width, per your edit, you could do something like this:

var adjustBodyWidth = function(nPixels) {
  var m, w = document.body.style.width || document.body.clientWidth;
  if (m=w.match(/^(\d+)px$/)) {
    document.body.style.width = (Number(m[1]) + nPixels) + 'px';
  }
};

edited Apr 24 '11 at 08:16

answered Apr 24 '11 at 07:58

maerics

151,642
46
269
291

score 0 · Answer 2 · answered Apr 24 '11 at 08:14

If the problem is the scroll bar coming up and disappearing depending on the page's contents, I would consider forcing the page to display a (disabled) scroll bar even when there's nothing to scroll. This can be done through CSS:

body { overflow-y: scroll }

it works in all major browsers. It doesn't in IE, but that doesn't matter because IE shows the desired behaviour automatically.

set body width in px?

2 Answers2

Linked