Изменение размера div для заполнения браузера

У меня есть страница со множеством разделов и стилей, где мой div похоронен где-то внутри.Изменение размера div для заполнения браузера

Я пытаюсь создать кнопку, которая автоматически делает мой div, который включает в себя видеопроигрыватель, изменение размера и захват всего браузера.

Чтобы сделать это, я пытаюсь получить текущую позицию div, а затем поместите его относительно, чтобы он попал в верхний левый угол, поэтому я мог бы использовать document.body.clientHeight/clientWidth.

Невозможно заставить это работать.

Я пробовал подходить к перемещению моего div к первому div, а затем изменять размер, однако это испортило флеш-плеер.

Любые идеи? любые другие подходы?

Спасибо,
Guy

источник

2009-11-04 guytom

Почему родственник? Вы должны скорее использовать фиксированный, а не относительный. Затем установите positon на 0,0 и ширину и высоту до 100%. Простые js могут это сделать.

источник

2009-11-04 01:50:56 kubal5003

Все эти положения фиксированной решения работают в FireFox, но в IE7 у них есть проблемы в моей странице, некоторые дивы все еще остаются над ним. – guytom

Как насчет z-index? – kubal5003

Я использую его, но проблема заключается в позиционировании – guytom

Используйте один из лайтбоксов, которые могут обрабатывать DIV. Обычно они копируют DIV в свой взгляд DIV, что помогает с позиционированием вопросов, и вам не нужно ничего делать с погребенным div.

Я нахожу многогранный осветитель очень легко для настроек:

http://www.gregphoto.net/lightbox/

, но есть много других вокруг, а также.

источник

2009-11-04 01:54:21

Я бы попробовал клон lQuery lightbox. Но +1 для использования инструмента лайтбокс. – David

Это выглядит хорошо, но, как я понимаю, он загружает контент снова, поэтому мой флеш-плеер становится перезагруженным, что нежелательно. Если бы я не возражал против перезагрузки вспышки, я мог бы играть с местоположением div в DOM, как я писал выше – guytom

Если вы вставляете флеш-фильм в div, перемещение этого в лайтбокс не должно перезаряжаться. Вы уверены, что это так? –

При щелчке, просто установите стиль div 'fixed' и позицию 0,0. Как:

var theDiv = document.getElementById('yourDivsId'); 
theDiv.style.position = 'fixed'; 
theDiv.style.top  = 0; 
theDiv.style.left  = 0;

источник

2009-11-04 01:55:40 umbrae

Это должно сделать трюк:

<div style="position:absolute;top:0;left:0;width:100%;height:100%"> 
    some content here 
</div>

источник

2009-11-04 02:16:19 jerjer

То же, что и с фиксированным, он не работает хорошо в IE, когда div похоронен ... – guytom

Изменение размера div для заполнения браузера

ответ

Смежные вопросы