Как правильно задать ширину div-окна при любом разрешении

[Alexander76]

Помогите сделать div-окошко корректного размера при любом разрешении.

Есть div-окно:
<div style="position: absolute; top: 100px; height: 85%; left: 220px; width: 77%;">

При разрешении 1024х768 и указанном отступе в 220px окошко шириной 77% смотрится нормально (заполняет почти всё пространство до правого края экрана), но чем больше разрешение, тем больше пустого места справа за div-окном, нехорошо так смотрится.

Наверное нужен какой-то небольшой скрипт, задающий width div-окна (ширина экрана минус 220px). Как это можно реализовать? Подскажите пожалуйста.

То же самое в принципе надо реализовать и с высотой div-а (высота экрана минус 100px).

Заранее всем спасибо.

зы. таблица или фрейм в моём случае не подходят, только div-окно.

[Slanj]

А какие проблемы то?
<div style="position: absolute; top: 100px; height: 85%; left: 22%; width: 77%;">
И будет он у тебя при любом разрешении заполнять почти все окно

[Alexander76]

Сообщение от Slanj

А какие проблемы то?
<div style="position: absolute; top: 100px; height: 85%; left: 22%; width: 77%;">
И будет он у тебя при любом разрешении заполнять почти все окно

спасибо, я в курсе. слева находится фиксированной ширины модуль. проблема одна - "почти" не вариант, нужна точная (вычисляемая) ширина окна, до правого края экрана.

[Псих]

Alexander76
Получение ширины окна уже обсуждалось. Пользуйся поиском.

[Alexander76]

2 Псих: переискал по всем ключевым словам, вариантов не нашел


в общем повторю вопрос в облегченной форме - подскажите, как сделать DIV шириной равной ширина экрана минус 220px? и высотой равной высота экрана минус некое кол-во пикселей?

заранее премного благодарю.

[Alexander76]

подозреваю, что пригодится вот это:

<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 по дефолту?

[ivahaev]

Alexander76:
width = screen.width

Отлично, ширину экрана получили, а теперь чтобы задать нужное для DIV пишем следующее:

document.getElementByID.idтогосамого DIV.style.width = "screen.width - 220 px";

Что-то примерно так. Главное указать правильно на объект и на его свойство.
А данный скрипт можно подгружать, к примеру, при загрузке страницы и далее при изменении размеров окна.