2009-08-09 4 views

ответ

6

Я думаю, это должно работать:

<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>Test page!</title> 
    <style type="text/css"> 
    html, body { 
     overflow: hidden; 
     margin: auto; 
     height: 100%; 
     width: 100%; 
    } 
    </style> 
</head> 
<body> 
    <iframe src="page.htm" width="100%" height="100%" frameborder="0"></iframe> 
</body> 
</html> 

Edit 1: Вы не только могли скрыть полосы прокрутки страницы с HTML и прокручивать = нет директивы
(это решение должно быть мульти- браузер)

Edit 2: Теперь даже XHTML доказательство;)

Edit 3: И, наконец, w3 валидатор нормально
(не забудьте добавить свиток = нет в теле, если вы бежите в проблемы совместимости Internet Explorer)

+0

Вот что я сделал, но я получаю 2-й набор полос прокрутки, как это. – Alex

+0

Вы можете установить прокрутку = "нет" –

+1

И: В Firefox высота 100% не работает, она примерно равна 300px. Не знаю, почему. – Alex

0

Вы можете установить ширину и высоту тегов родительской страницы html и body на 100%, а также тег iframe, содержащий страницу, которую вы хотите загрузить.

0

Использование Javascript с нагрузкой тела событие, чтобы установить высоту IFrame & ширины к высоте окна & ширина ,

Например в JQuery:

$(document).ready(function() { 
    initIframe(); 
}); 
function initIframe() { 
    $("iframe").height($(window).height()); 
    $("iframe").width($(window).width()); 
} 

Испытано на FF, IE и GC

+0

Это должно сработать, но CSS может справиться с этим без скриптов. –

+0

Я тестировал CSS, но я не уверен, что это полный кросс-браузер – Aelios

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