HTML/CSS: установить ширину и высоту объекта в div?

У меня возникла проблема при загрузке html-файлов в тег div, используя код ниже;HTML/CSS: установить ширину и высоту объекта в div?

<div id ="content" ></div> 
<script> 
function load_home(){ 
    document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>'; 
} 
</script>

Проблема заключается в том, что содержимое загружается, как показано ниже; enter image description here

Содержимое не заполняет ширину или высоту экрана.

Любые советы по созданию загруженного html-файла, заполнение ширины и высоты тела?

источник

2014-03-19 Snappiestjack

установить ширину и высоту параметры, если объект тега:

... 
document.getElementById("content").innerHTML='<object type="text/html" data="home.html" style="width:100%; height: 100%;"></object>'; 
...

редактировать: В отношении к JSFiddle http://jsfiddle.net/zYw3S/12/ добавления

#content{ 
    background-color: #FFFFFF; 
    border-radius: 10px; 
    margin-top: 10px; 
    height: 70vh; 
}

источник

2014-03-19 19:35:08 AllenKll

Я просто добавил, что ширина и высота значения, то загруженный контент теперь заполняет всю область тела, но высота все еще запутана. – Snappiestjack

Вы говорите, что тело документа не охватывает весь браузер? Я думаю, вам нужно будет опубликовать еще несколько документов. В качестве простого док, такие как это: ' <тела OnLoad = "load_home()">

'заполнит экран – AllenKll

Его не то, что тег тело не занимает всю страницу, его что объект тег, который будет создаваться не занимает ширину или высоту страницы , Я думаю, что исправил его, выполнив стиль = "position: absolute; height: 100%". – Snappiestjack

Попробуйте установить его position: absolute; и top:0;left:0;bottom:0;right:0;width: 100%;height: 100%;

источник

2014-03-19 19:30:53

Почему правая часть вашего DIV пустой? Проверьте, применяются ли ограничения ширины. Однако вы можете использовать width: 100%, чтобы div заполнил всю коробку. Возможно, вам придется поместить ваш скрипт в другой div и установить значение этого div на 100%.

источник

2014-03-19 19:31:37 Susan

ответ

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