Другие языки программирования и технологии
Размер div по размеру окна JavaScript
Приветствую! Мне нужно чтобы размер дива менялся с размером окна браузера динамически, JS так может? И как примерно это реализовать?
есть же не размеры в процентах на этот случай. может но смысл?
Просто ставьте размеры в css в %, тогда будет меняться.
Если вам нужен див, который и по высоте, и по ширине должен подстраиваться под видимую область окна браузера, то нужно использовать для дива в css position:fixed; width:100%;height:100%; с соответствующим z-index и требуемым смещением. При этом ие6 этого не поймет.
А вообще, проблема указана нечетко. Заведите себе бесплатный аккаунт в дропбоксе, это очень удобно. будете туда заливать свои страницы и показывать тут, давая ссылку.
Если вам нужен див, который и по высоте, и по ширине должен подстраиваться под видимую область окна браузера, то нужно использовать для дива в css position:fixed; width:100%;height:100%; с соответствующим z-index и требуемым смещением. При этом ие6 этого не поймет.
А вообще, проблема указана нечетко. Заведите себе бесплатный аккаунт в дропбоксе, это очень удобно. будете туда заливать свои страницы и показывать тут, давая ссылку.
Если ширина DIV'а = 100% ширины окна, то ставьте просто display:block и убирайте параметр width. Блок будет занимать все доступное пространство по ширине.
Если же нужно в принципе менять размеры, например высоту, по каким-то хитрым условиям, то в JS используется вот такая конструкция:
window.onresize = fnName;
function fnName(){
// здесь по ID отлавливаем нужный элемент и в зависимости от размера подставляем ему параметры
}
Но лучше приведите пример, чтобы было понятно что и как, потому что в некоторых случаях можно обойтись без JS... например вот так:
BODY { position:absolute; height:100%; min-height:300px; min-width:800px; width:100%; /* займет всю доступную высоту и ширину, но не менее 800x300 */ }
DIV#someBox { height:40%; min-height:100px; /* 40% от высоты BODY, но не менее 100px */ }
...много чего можно напридумывать.
Если же нужно в принципе менять размеры, например высоту, по каким-то хитрым условиям, то в JS используется вот такая конструкция:
window.onresize = fnName;
function fnName(){
// здесь по ID отлавливаем нужный элемент и в зависимости от размера подставляем ему параметры
}
Но лучше приведите пример, чтобы было понятно что и как, потому что в некоторых случаях можно обойтись без JS... например вот так:
BODY { position:absolute; height:100%; min-height:300px; min-width:800px; width:100%; /* займет всю доступную высоту и ширину, но не менее 800x300 */ }
DIV#someBox { height:40%; min-height:100px; /* 40% от высоты BODY, но не менее 100px */ }
...много чего можно напридумывать.
Похожие вопросы
- Подскажите как задать размер окна браузера
- Перемещение < div > средствами JavaScript (см. внутри)
- Как сделать всплывающее окно,и как изменить его размеры) Как сделать всплывающее окно,и как изменить его размеры)
- C++ Win32 API - Как создать окно фиксированного размера?
- Экспорт в растр заданного размера из ILLUSTRATOR CS5
- Проблемы с div'ами
- Как сделать шапку сайта, что-бы при меньшем разрешении экрана её размер подгонялся под экран?
- Реальный размер отпечатка на мониторе.
- Как в Pascal указать имя окна проги, его размер и цвет фона?
- СРОЧНО !!!ВЫРУЧАЙТЕ !!!Как в Photoshop уменьшить размер фото , СОХРАНИВ ПРИ ЭТОМ ПРОПОРЦИИ ОБЪЕКТА НА ФОТО!!!