Dimensionner une IFRAME avec CSS

Version imprimable

1 pièce(s) jointe(s)

Bonjour
Je souhaiterais mettre un IFRAME dans un tableau de hauteur de ligne 300px.
Je n'y arrive pas. Une idée ?
Vous remerciant

Code:

1
2
3
4
5
<table width="1800" border="1">
    <tr>
      <td height="300"><iframe id="frame"src='tablette.php?i=1'></iframe></td>
  </tr>
</table>

Code:

1
2
3
4
5
6
7
8
9
10
#frame{
	height: 1150px;
	width: 1920px;
    -webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
	background: #FFFF;	
}

Pièce jointe 639189

25/05/2023, 21h02
ProgElecT

Salut

Pour mettre du code CSS dans un HTML il faut le mettre entre balise <style> .... </style>
26/05/2023, 07h03
manworms2

mon css est dans un fichier *.css
mon problème est que ma ligne ne prend pas la valeur height="300" elle fait 1161px de haut
26/05/2023, 11h20
NoSmoking

Bonjour,
tu te méprends sur ce que tu essaies de faire.

Tu déclares ton <iframe> aux dimensions 1920 x 1150
La dimension de ta <td> va s'adapter à son contenu et ce quelque soit la hauteur que tu lui affectes.

Le point qui me paraît important à souligner est qu'une déclaration comme transform: scale(0.2) n'influe pas sur la place occupée dans le flux par l'élément.
L'élément sera simplement réduit visuellement mais la place prise par celui-ci, dans le document sera celle d'origine, il n'y aura pas plus de place pour les autres élements.

Après il est surprenant de faire de la sorte, pourquoi ne pas dimensionner ton <iframe> aux dimensions souhaitées dans le CSS même si j'ai une petite idée !
26/05/2023, 13h35
manworms2

Merci pour ta réponse je ne sais pas comment afficher ma page en mode réduit. J ai essaye de dimensionner mon iframe en css mais la page s affiche en taille d origine dans une petite fenêtre de la taille déclarée en css
26/05/2023, 18h11
NoSmoking

Le comportement que tu observes est des plus normal, ton élément <iframe> est remplacé par le contenu du document, il s'affiche donc comme dans une page simple.

Citation:

je ne sais pas comment afficher ma page en mode réduit

in fine quel est le but, juste pour affichage ornemental, dans ce cas une vignette image devrait suffire, pour consultation là je crois qu'il ne faut pas rêver avec un scale(.2) cela correspond à une police de caractère de 3.2px, au standard de 16px.

Tu peux néanmoins, à peu près tout est faisable, et cela si le document de l'<iframe> s'y prête^(*), jouer avec la taille de la police de celui-ci pour avoir l'impression qu'il est réduit.

^(*)pas mal de critères à satisfaire.