height|width относительно window при наличии родителя

Aroused · August 9, 2011

Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

psywalker · August 9, 2011

On 8/9/2011 at 12:49 PM, Aroused said:
Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

Ширина нефикс блока, например блока в боди, всегда равна ширине окна браузера. Минус его паддинги, маргины и границы.

Justnewone · August 9, 2011

если родитель и далее его родитель и так до самого <html> без исключений не имеют 100%высоты - то да, скриптом.

UPD

с шириной в общем случае не так критично.

Nekromancer · August 9, 2011

Если плох вне потока то он по идее считается относительно окна браузера. Конечно если его родите не вне потока, тогда высчитывается относительно последнего такого элемента.

Aroused · August 9, 2011

On 8/9/2011 at 12:52 PM, Nekromancer said:
Если плох вне потока то он по идее считается относительно окна браузера. Конечно если его родите не вне потока, тогда высчитывается относительно последнего такого элемента.

Блин, на самом деле =)

Спасибо за ответы, очень оперативно, я аж испугался

Убрал у дива и родителей position и правда размер по окну стал..

Но ведь был position:absolute, absolute - ведь не в потоке, а раз убрал, то по умолчанию static - он тоже не в потоке, тогда совсем странно.

Главное что заработало

Edited August 9, 2011 by Aroused

Justnewone · August 9, 2011

статик в потоке, как и релейтив

Nekromancer · August 9, 2011

Если что, то float тоже не в потоке

Justnewone · August 9, 2011

On 8/9/2011 at 1:13 PM, Nekromancer said:
Если что, то float тоже не в потоке

Ну так, частично сверху он все-таки привязан

Nekromancer · August 9, 2011

Ну таки да

Aroused · August 9, 2011

Решил попробовать скриптом не убирать absolute, ради опыта.

Но почему-то тупо добавил размер относительно начальной точки родителя влево и вниз.

	var nw = $(window).width();
	var nh = $(window).height();
			$('#viewport').css('width', nw);
			$('#viewport').css('height', nh);
jQuery


parent
   #center
        {
	display:block;
	position:absolute;
	width:752px;
	height:550px;
	overflow:visible;
        }
children
   #viewport
        {
	display:block;
	position:absolute;
	top:35px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#CFF;
        }

Не хочется тут мусорить, потому подумал не стоит создавать тему в скриптах.

Aroused · August 9, 2011

Прошу прощения, скрипт работает, просто плагин свой position на родителя ставил.

Sign In

height|width относительно window при наличии родителя

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information