CSS -> code pour adapter la taille de la page

Bonjour

j'ai fais une page simple en CSS / HTML ( découpé avec toshop )

Le problème : la page ne s'adapte pas a la taille de l'écran.

Comment indiquer au CSS qu'il doit s'adapter a la résolution dans laquelle on visualise la page ?

merci

Salut,

Plusieurs façons de faire, tout dépend de ton site.
Avoir le code (X)HTML & CSS déjà développé pourrait aider ;)

disons que la c'est pas le site en lui même, juste le splash.

voici le code CSS

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
*
{
	margin:0;
	padding:0;
	color:#ffffff;
	font-family:Verdana, Arial, Sans-serif;
	font-size:12px;
	text-decoration: none;
    background-image:"fond.jpg";
}
 
#haut
{
margin:0;
padding:0;
margin-top : 0px;
margin-left : 0px;
	}
 
#gauche
{
margin:0;
padding:0;
margin-top : -2px;
margin-left : 0px;
	}
 
 
#centre
{
margin:0;
padding:0;
margin-top : -421px;
margin-left : 561px;
	}
 
#clic
{
margin:0;
padding:0;
margin-top : -542px;
margin-left : 561px;
	}
 
	#droite
{
margin:0;
padding:0;
margin-top : -125px;
margin-left : 725px;
	}

et le code HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr-FR" xml:lang="fr-FR" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" type="text/css" href="style2.css"/>
</head>
<body>
<div id="haut">
<img src="haut.jpg" border="0">
</div>
<div id="gauche">
<img src="gauche.jpg" border="0">
</div>
<div id="centre">
<img src="centre.jpg" border="0">
</div>
<div id="clic">
<a href="index.htm"><img src="clic.jpg" border="0"></a>
</div>
<div id="droite">
<img src="droite.jpg" border="0">
</div>

j'ai conçu le splash en 1280*1024 et quand je le regarde sur un wide -> marge blanche a droite