Разверните iFrame (так, чтобы это была страница запроса) - PullRequest
2 голосов
/ 10 августа 2009

как мне (кросс-браузерная совместимость) развернуть iFrame так, чтобы он отображался как страница в строке URL, даже если он обслуживается с другого сервера?

Ответы [ 3 ]

6 голосов
/ 10 августа 2009

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

<!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>

Редактировать 1: Вы можете просто скрыть полосы прокрутки страницы, используя HTML и scroll = no директива
(это решение должно быть мультибраузерным)

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

Редактировать 3: И, наконец, валидатор w3 в порядке
(обязательно добавьте scroll = no в BODY, если у вас проблемы с совместимостью с Internet Explorer)

0 голосов
/ 24 мая 2012

Используйте javascript с загрузкой тела события, чтобы установить высоту и ширину фрейма равными высоте и ширине окна.

Например, в jquery:

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

Проверено на FF, IE и GC

0 голосов
/ 10 августа 2009

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...