iFrame hauteur et largeur à 100%

Posted on 18/03/2010 · Posted in CSS

Toujours has been, la balise iframe peut se révéler pratique dans certains cas.
L’exemple d’utilisation qui me vient à l’esprit, c’est l’affichage d’un fichier PDF.

Personnellement, cela me sert pour afficher mon CV sur thomas.tourlourat.com

Pour que le PDF utilise toute la zone du navigateur, il faut utiliser la petite astuce CSS suivante :

1
2
3
4
5
6
7
html,body
{
   width:100%;
   height:100%;
   margin:0px;
   padding:0px;
}

Afficher ensuite votre iFrame

1
2
3
4
5
6
7
8
<iframe
        src="http://tourlourat.com/documents/cv_tourlourat_thomas.pdf"
        id="cv"
        width="100%"
        height="100%"
        scrolling="auto"
        frameborder="0" >
</iframe>