Fixer la taille d'une page HTML

**gdawirs** · 03/10/2008, 10h21

Bonjour à tous!

J'ai écrit une petite page web avec une image de fond, et récupéré du code javascript qui affiche une horloge sur plusieurs fuseaux horaires.
L'image est rafraichie toute les minutes grâce au "body onload" qui change le document.body.background.

Mon problème est le suivant: l'image générée que j'utilise à une résolution fixe (ici 1920x1200) qui ne m'arrange pas.
Je voudrais que ma page web fasse (par exemple) 1024x768, et que l'image de 1920x1200 soit "stretchée" à la taille que je souhaite.

J'ai tenté de fixer la taille du body: sans succès.
J'ai voulu emballer ma page dans un <div> de taille fixe, mais je ne sais pas forcer le rafraichissement d'un <div background> toutes les minutes.

Pouvez-vous m'aider s'il vous plaît? Je vous joind un fichier zip avec ma page et une image d'exemple (sachant que la "vraie" image est en faite remplacée chaque minute).

Merci!

**blueice** · 05/10/2008, 14h46

Suffit de fixer la div en lui donnant une taille et de donner une taille fixe à tes images

Code html :

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

<img src="image.jpeg" width="1024" height="768" alt="" />

Et si tu veux redimensionner la fenêtre ce sera avec du javascript..

**gdawirs** · 06/10/2008, 07h49

passer des paramètres à un img src ne marche pas dans mon cas, puisque l'image est référencée via un body background...

**blueice** · 06/10/2008, 08h21

Dans ce cas tu fixes le body...
Et tu redimensionnes la fenêtre avec du JS.

**gdawirs** · 06/10/2008, 08h45

Merci blueice,

Peux-tu me dire comment je peux fixer la taille du body?

**romain_ci** · 06/10/2008, 09h43

Avec les proprietes width et height comme indiqué plus haut
Up !!!

**blueice** · 06/10/2008, 11h22

Code html :

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
24
25
26
27
28
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Untitled</title>
	<style type="text/css" title="text/css">
/* <![CDATA[ */
* { margin:0; padding:0; }
#container { width:1024px; height:768px; background-color:green;}
/* ]]> */
</style>
<script>
// <![CDATA[
function retaille ()
{
parent.window.resizeTo(1024,768);
parent.window.moveTo(0, 0);
}
// ]]>
</script>
</head>
<body onload = "retaille()">
<div id="container">
 
</div>
</body>
</html>

Fixer la taille d'une page HTML

HTML

Vue hybride

Discussions similaires

Partager

Partager