IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   Как правильно задать ширину div-окна при любом разрешении (https://www.imho.ws/showthread.php?t=109670)

Alexander76 13.10.2006 22:00

Как правильно задать ширину div-окна при любом разрешении
 
Помогите сделать 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 14.10.2006 05:08

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

Alexander76 14.10.2006 20:19

Цитата:

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

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

Псих 15.10.2006 01:46

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

Alexander76 15.10.2006 04:12

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


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

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

Alexander76 15.10.2006 20:06

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

<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 15.10.2006 22:05

Цитата:

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

document.getElementByID.idтогосамого DIV.style.width = "screen.width - 220 px";
Что-то примерно так. Главное указать правильно на объект и на его свойство.
А данный скрипт можно подгружать, к примеру, при загрузке страницы и далее при изменении размеров окна.


Часовой пояс GMT +4, время: 11:06.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.