Discussion :

[superleon]

Bonjour je souhaite obtenir une div conservant ses proportions 4:3 mais s'adaptant à la taille de l'écran.

La logique ressemble à ça:
width="75%" height = width/1.3333

Pourriez-vous m'aider à écrire un petit bloc javascript capable de réaliser cette transformation? Merci!

PS. il s'agit ensuite d'insérer une autre page html dans cette div

[superleon]

http://www.css-resources.com/testcha...0-onclick.html

pas mal comme exemple

[superleon]

mmm, il semberait qu'inserer une page html dans une div ne soit pas chose aisée; donc je pose la même question avec une frame

[superleon]

une bonne piste: ce script à placer dans le fichier html enfant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">

maframe = parent.document.getElementById('sponsorFrame');// frame in the parent

 

function resizeIframe() {
   var width = parent.document.documentElement.clientWidth;//document.documentElement.clientHeight;


   maframe.style.height = width/2;    

};

 

onload = resizeIframe;


window.onresize = resizeIframe;

</script>