comment obtenir de l'iframe pour remplir toute la page à 100% et top:4px?

Je viens ici pour un certain temps, et a demandé seulement 1 question avant. Et j'ai conçu de nombreux sites. Mais la seule chose que je ne suis pas entièrement obtenez est 'iframe'. Ils s'amusent avec ma tête un peu.

.:Ce que je suis en train de réaliser:.

remarque: je n'ai pas la propriété de l'origine de la iFrames domaine... Il devrait être hors de propos, puisque vous êtes tout simplement en prenant une page, et en montrant sur un autre. Leur Style montre encore leur page où il faut. Je le sais parce que je l'ai fait.

1) j'ai besoin de savoir comment obtenir de l'iFrame pour afficher sur mon site une PAGE entière.
Je sais qu'il y a BEAUCOUP de sujets ici sur les iFrames, mais 1) ils sont dépassées. 2) ils ne s'appliquent pas à moi/mon site. J'ai tout essayé, et pourtant tout semble futile.

.:Exemple:.

Lorsque l'utilisateur(s) aller à http://www.example.com/news.php, la page doit charger le contenu d'un autre site de news. j'.e cnn, wn, cbs...

J'ai compris cela avant, donc veuillez no1 dites-moi tout ce que décombres de ne pas avoir la propriété de contenu, alors je ne peux pas atteindre mon objectif.

Je ne me souviens pas comment je l'ai écrit, mais je sais qu'il n'y avait PAS le style CSS que ce soit. C'était quelque chose de TRÈS similaire à:

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

Ce que je ne suis pas arriver est: quel que soit le style que j'utilise pour personnaliser l'iFrame, il semble avoir lieu dans une boîte de la size= 867x155.
J'ai même essayé de mettre une iFrame dans un DIV, et DIV: W- 100% H- 100%.

quand j'ai essayé le CSS approche, la marginheight/largeur a été ignorée. Aussi, un corps différent style de margin="0", fut en vain; encore une fois.

Bonjour? Des idées?!

OriginalL'auteur The Antarctican | 2012-08-25

15

Ont un coup d'oeil: http://jsfiddle.net/cgXcR/

Le code HTML:
```
<iframe src="http://www.cnn.com" height="100%"></iframe>
```
Le CSS:
```
body, html { width:100% ;
    height:100% ;
    overflow:hidden ;
}

iframe { width:100% ;
        height:100% ;
    border:none ;
}
```
Il semble à peu près juste. Je vais le mettre en application sur le site maintenant, je vais l'essayer. Mais, est-il un moyen de l'avoir top:4px? J'ai besoin d'avoir un peu d'espace en haut de ma liste déroulante.
il suffit de changer l'iframe CSS:
iframe { width:100% ; height:100% ; border:none ; position:relative ; top:4px ; }
Eh bien, il était juste que. Il a regardé à droite, mais toujours un même problème. Si vous regardez la photo sur le lien, il montre que l'iFrame est encore une fois coupées. Il n'y a rien d'autre sur ma page, et non ?installation de php à cette url. Donc, idk pourquoi il ne montre pas. Je crois que j'ai utilisé le z-index, mais je ne vois pas pourquoi je dois le faire, comme il n'y a rien d'autre qui peuvent interférer avec le en aucune manière, la forme et la forme. [prntscr.com/ee2l5]
Pouvez-vous poster un exemple vivant?

OriginalL'auteur Cynthia
9

Ok, eh bien, je tiens à remercier Cynthia pour son aide.

Mais si quelqu'un est à la recherche d'une solution simpliste qui fonctionne RÉELLEMENT, puis vérifier cela:

Comme l'enquête ORIGINALE: PLEIN iFrame

Un résoudre à l'aide de 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>
```
Avis de la positioning & z-index

*Remarque: il peut être écrit par MARK-UP. Vous n'avez pas à utiliser le CSS, mais il est plus logique de le faire parce que non seulement vous essayer de tout avoir afficher correctement installé sur votre site web; en utilisant le CSS pour personnaliser votre iFrame, vous ouvrez plusieurs fenêtres pour chaque trame à l'intérieur de votre page web. Si vous êtes comme moi, et seulement en utilisant UNE iFrame, alors vous devez tout simplement utiliser MARK-UP. Mais, si vous avez plus de 1 [ou 1 cadre a de nombreuses à l'intérieur], vous devez utiliser les CSS pour spécifiquement ID chaque image. *

Aussi, si quelqu'un se demande comment utiliser les MARQUE-PLACE uniquement, il suffit de remplacer ce qui est dans le CSS, et le mettre dans le <iframe></iframe> mais utilisez des guillemets simples

The Antarctican

je vous remercie. brillant.
Où est ce "scrolling" attribut css en venir? et le navigateur est-il pris en charge?
Vous êtes un épargnant de vie 🙂
Autant que je sache, il n'y a savoir le défilement de l'attribut css.

OriginalL'auteur The Antarctican

Vous devez vous connecter pour publier un commentaire.