Разверните div с абсолютной позицией и заполните остальную часть страницы

Question

У меня есть div с абсолютным позиционированием, который служит своего рода горизонтальной линией, с фоновым изображением с x-repition. Я хочу, чтобы его ширина заполняла всю страницу, но ее позиция по x не равна 0, поэтому я не могу просто задать ей ширину 100%. Как мне это сделать?

Answer 1

Вы можете указать одновременно и left, и right:

position: absolute;
left: 5px;
right: 5px; /* or whatever value you want */

Answer 2

Мне удалось решить эту проблему, вложив div в другой div, который оставил: 0, с шириной: 100% и переполнением: скрыто. Работает отлично =)

Answer 3

Я думаю, вам придется использовать javascript для захвата ширины окна. Затем назначьте ширину div.

    var winW = 630, winH = 460;

    if (parseInt(navigator.appVersion)>3) {
     if (navigator.appName=="Netscape") {
      winW = window.innerWidth;
      winH = window.innerHeight;
     }
     if (navigator.appName.indexOf("Microsoft")!=-1) {
      winW = document.body.offsetWidth;
      winH = document.body.offsetHeight;
     }
    }


  document.getElementById('divName').style.width = winW;
  document.getElementById('divName').style.height = winH;