Как получить iframe для заполнения всей страницы 100% и сверху: 4px?

Я приезжал сюда некоторое время и только задал один вопрос раньше. И я разработал множество сайтов. Но единственное, что я не получаю в полной мере, это "iFrames". Они немного путают мою голову.

: Что я пытаюсь достичь:.

note: у меня нет права собственности на источник домена iFrames... Это должно быть неактуально, поскольку вы просто берете одну страницу и показываете ее на другой. Их внешний стиль еще показывает свою страницу, как это должно быть. Я знаю это, потому что я это сделал.

1) Мне нужно знать, как заставить iFrame показывать на моем сайте ПОЛНУЮ СТРАНИЦУ.  Я знаю, что здесь есть несколько тем о iFrames, но 1) они устарели. 2) они не относятся ко мне/моему сайту. Я все пробовал, но все это кажется бесполезным.

.: Пример:.

Когда пользователь перейдут на http://www.example.com/news.php, страница должна загрузить контент с другого сайта новостей. i.e cnn, wn, cbs...

Я догадался об этом раньше, поэтому, пожалуйста, no1 скажите мне все, что обломки о том, что вы не владеете содержимым, тогда я не могу достичь своей цели.

Я не помню, как я это написал, но я знаю, что CSS стиль не был вообще. Это было что-то ОЧЕНЬ похожее на:

    <body style="scrolling:no;>
    <iframe src='http://www.example.com' 
    style='position:absolute; top:4px; left:0px; width:100%; height:100%; 
    z-index:999' onload='sendParams();' frameborder='no' scrolling='auto'>
    </iframe>
    </body>

То, что я не получаю, не имеет значения: независимо от того, какой стиль я использую для настройки iFrame, он, похоже, хранится в ящике с size= 867x155. Я даже попытался установить iFrame в пределах DIV, а DIV - на: W- 100% H- 100%.

когда я пробовал подход CSS, marginheight/width игнорировался. Кроме того, другой стиль тела margin="0" был бесполезен; еще раз.

Ответы

Ответ 1

Посмотрите: http://jsfiddle.net/cgXcR/

HTML:

<iframe src="http://www.cnn.com" height="100%"></iframe>​

CSS:

body, html { width:100% ;
    height:100% ;
    overflow:hidden ;
}

iframe { width:100% ;
        height:100% ;
    border:none ;
}

Ответ 2

Хорошо, я хотел бы поблагодарить Синтию за ее помощь.

Но если кто-то ищет упрощенный ответ, который работает ACTUALLY, тогда проверьте это:

Как и запрос ORIGINAL: FULL iFrame

Решение с использованием CSS

<blah>
<head>
<style type="text/css">
    body {scrolling:no;
}
    iframe {position:absolute;
    z-index:1;
    top:0px;
    left:0px;
}
</style>
</head>
<body>
    <iframe src="http://www.wn.com" height="100%" width="100%" frameborder="0"></iframe>
</body>

Обратите внимание на positioning и z-index

* Примечание. Это можно написать только с помощью MARK-UP. Вам не нужно использовать CSS, но имеет смысл делать это, потому что вы не только пытаетесь показать, что все правильно отображается на веб-сайте yoru; используя CSS для настройки iFrame, вы открываете больше окон для каждого отдельного фрейма на своей веб-странице. Если вы похожи на меня и используете только ONE iFrame, вам следует просто использовать MARK-UP. Но, если у вас более 1 [или 1 фрейм много внутри], вы должны использовать CSS специально для ID для каждого фрейма. *

Кроме того, если кому-то интересно, как использовать только MARK-UP, просто поменяйте то, что в CSS, и поместите в <iframe></iframe>, но используйте одинарные кавычки

The Antarctican