Div ширина
Автор Дмитрий Ткаченко задал вопрос в разделе Другие языки и технологии
Размер div по размеру окна JavaScript и получил лучший ответ
Ответ от Павел Ихалайнен[гуру]
есть же не размеры в процентах на этот случай. может но смысл?
Ответ от Вадим Поцелуев[активный]
Если ширина 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 */ }
...много чего можно напридумывать.
Если ширина 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 */ }
...много чего можно напридумывать.
Ответ от Пользователь удален[гуру]
Просто ставьте размеры в css в %, тогда будет меняться.
Если вам нужен див, который и по высоте, и по ширине должен подстраиваться под видимую область окна браузера, то нужно использовать для дива в css position:fixed; width:100%;height:100%; с соответствующим z-index и требуемым смещением. При этом ие6 этого не поймет.
А вообще, проблема указана нечетко. Заведите себе бесплатный аккаунт в дропбоксе, это очень удобно. будете туда заливать свои страницы и показывать тут, давая ссылку.
Просто ставьте размеры в css в %, тогда будет меняться.
Если вам нужен див, который и по высоте, и по ширине должен подстраиваться под видимую область окна браузера, то нужно использовать для дива в css position:fixed; width:100%;height:100%; с соответствующим z-index и требуемым смещением. При этом ие6 этого не поймет.
А вообще, проблема указана нечетко. Заведите себе бесплатный аккаунт в дропбоксе, это очень удобно. будете туда заливать свои страницы и показывать тут, давая ссылку.
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Размер div по размеру окна JavaScript