Document.write не работают правила css стилей
 

Вечер добрый . В javascript профан. Прошу помощи. Проблемка такая, по нажатии на кнопку вывожу переменную

var embed = '<div style="display:block;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%"><iframe frameborder="0" scrolling="no" src="http://site.com" height="100%" width="100%"></iframe></div>';
document.write(embed);

Все работает, но проблема такая с верху у меня менюшка, с position absolute, iframe ее перекрывает. Любые попытки задать в style iframe position, z-index ничего не дают.

varde,
iframe вложен в div - задавайте стили в нем (в div)

Так в том то и дело, что там и задаю. Ничего не помогает. Iframe Как будто открывается в новом окне на пустой странице. Я ставил ширину и высоту 70 процентов для iframe и видно, что не одного моего div блока нет, только iframe окно. Если не вешать на кнопку то все в порядке

<script type="text/javascript">
var embed = '<div style="display:block;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%"><iframe frameborder="0" scrolling="no" src="http://site.com" height="100%" width="100%"></iframe></div>';
document.write(embed);
</script>

Если же вызывать по нажатию на кнопку, то тоько iframe. Почему так, где причина? Спасибо.

varde,
document.write перезаписывает документ.
Используйте createElement и appendChild

Спасибо. Разобрался. Все работает.:)