Div Width = ширина экрана минус 220px

  • Автор темы Alexx (SPb)
  • Дата начала
Статус
Закрыто для дальнейших ответов.
A

Alexx (SPb)

#1
Поиск по форуму не дал результатов, посему задам вопрос отдельным топиком. Заранее спасибо за внимание и ответы.

Есть div-окно (сразу оговорюсь - таблица или фрейм не подходит, нужен только div):
<div style="position: absolute; top: 100px; height: 85%; left: 220px; width: 77%;">
При разрешении 1024х768 и указанном отступе в 220px (слева от div-окна расположен модуль фиксированной ширины) окошко шириной 77% смотрится нормально (заполняет почти всё пространство до правого края экрана), но чем больше разрешение, тем больше пустого места справа за div-окном.

Вопрос такой - как сделать DIV шириной равной ширина экрана минус 220px? И высотой, равной высота экрана минус некое кол-во пикселей? Пожалуйста, подскажите скрипт вычисления и выдачи.
 
A

Alexx (SPb)

#2
нашел такой скрипт, наверное он и нужен:

<script language="JavaScript">
var height=0;
var width=0;
if (self.screen) { // for NN4 and IE4
width = screen.width
height = screen.height
}
else if (self.java) { // for NN3 with enabled Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
</script>


как отминусовать из переменных width и height нужное кол-во пикселей и подставить параметры их к DIV-у? и как задать значения по умолчанию (1024*768), если значения этих переменных по каким-то причинам будет невозможно получить?
 
T

TWin

#3
<div id='myDiv' style='...'>
...........
</div>

<script language='JavaScript'>
.......
w=screen.width-220;
.......
d=document.getElementById('myDiv');
d.style.width=w;
.......
</script>

Это пример для IE. Обрати внимание, скрипт написан после описания DIV-а. Иначе скрипт этот самый DIV не увидит.

Но я бы лучше не screen брал за основу, а document.body.clientWidth (эта конструкция, кстати, применима и для IE и для NN).
 
Статус
Закрыто для дальнейших ответов.