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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Alexx (SPb), 15 окт 2006.

Статус темы:
Закрыта.
  1. Alexx (SPb)

    Alexx (SPb) Гость

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

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

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

    Alexx (SPb) Гость

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

    <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), если значения этих переменных по каким-то причинам будет невозможно получить?
     
  3. TWin

    TWin Гость

    <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).
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей