Метод width()
var windowWidth = $(document).width()
$("#block1").width(windowWidth);
block1 имеет ширину и высоту документа браузера. С высотой все просто, поставил height:100%; ,а вот с шириной так нельзя. С помощью этого скрипта все вроде бы работает, но когда я начинаю изменять размер окна браузера, то весь дизайн летит. Как сделать так чтобы width() следил за изменениями ширины окна браузера и сразу же прописывал ее в block1? |
$(window).resize(function(){
//здесь ваш код
//вам также доступны параметры с размером окна
var width = $(window).width();
var height = $(window).height();
});
|
если ваш #block1 именно блок, тоесть display: block; то он по ширине будет на всё окно
|
Цитата:
|
поставить width: auto ) и блок будет следить
|
skrudjmakdak, таким способ ширина прописывается один раз при загрузке страницы, а мне нужно чтобы изменение ширины как то отслеживалось.
Может как то с помощью bind() можно? |
к диву событие resize применить нельзя. только к window
при срабатывании resize в window отслеживайте был ли изменен размер вашего дива |
function screenSize() {
var w, h;
w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
return {w:w, h:h};
}
function ChHgh() {
var content_width = screenSize().w;
document.getElementById('block1').style.width = content_width + 'px';
}
вот так вышло |
а width: auto блоку поставить не вариант? чтото много букав вышло
|
animhotep, этот код работает.
Помогите пожалуйста сделать то же самое только для значения left. Все то же самое, только чтобы content_width записывался не в width, а в left |
| Часовой пояс GMT +3, время: 08:26. |