largeur du site et résolution

**Stéph utilisateur d'acces** · 30/07/2009, 17h52

bonjour à tous.

après maintes lectures, j ai opté pour une largeur de mon conteneur global de 90% mais j hésite à adopter les 960 qu'on voit souvent.

je voudrais savoir si mon css est correct

voici le code complet pour les différentes boites.

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
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css" title="css1" media="screen">
body {
	color: #F0E39E;
	padding: 5px 5px;
	background-image: url(2783496bsmbh.png);
	background-repeat: repeat-x;
}
#global {
	width: 90%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#entete {
	position:relative;
	padding: 5px 0;
 
	background-color:#006;
	height:100px;
	overflow:hidden; /* permet à la div d'englober son contenu flottant */
 
}
#header {
	float:left;
	width:100%;
	height:50px;
	background-color:#BBD9EE;
	padding:0;
	font-size:0.8em;
	line-height:normal;
	color:#000;
 
		}
div#colonne1 {
	float: left;
	width: 160px;
	background-color: #C60;
	height: 200px;
}
div#colonne2 {
	float: right;
	width: 250px;
	background:#999;
	height: 200px;
}
 
 div#centre {
	height:500px;
	margin-left: 200px;
	margin-right: 270px;
	padding-left:20px;
	background-color:#9C0;
	background-image: url(../Dossier14/lien.png);
	background-repeat: repeat-y;	
}
#pied {
 
	margin: 0;
	height:20px;
	padding: 15px 260px 10px 200px;
	font-size: .85em;
	background-color:#006;
	clear:both;
 
}
 
</style>
 
</head>
 
<body>
<div id="global">
 
<div id="entete"></div>
 
<div id="header"></div>
 
 <div id="colonne1"></div>
 
  <div id="colonne2"></div>
 
  <div id="centre"></div>
 
 <div id="pied"></div>
</div><!-- fin du global -->
</body>
</html>

v oila si vous pouvez jeter un oeil que je valide ça.

merci

steph

**aL1ba** · 30/07/2009, 20h11

Display Resolution

The current trend is that most computers are using a screen size of 1024x768 pixels or more:
Date Higher 1024x768 800x600 640x480 Unknown
January 2009 57% 36% 4% 0% 3%
January 2008 38% 48% 8% 0% 6%

Je réalise que le formattage du tableau n'est pas stable, voir le lien ci-dessous.

Come tu peux le voir, tu peux y aller avec le 960, d'ailleurs il existe beaucoup de template, dont les fameux "960".

La source "très officielle" de cette info est la "W3Schools" :
http://www.w3schools.com/browsers/browsers_display.asp

**Stéph utilisateur d'acces** · 31/07/2009, 07h58

salut al1ba.

oui je pense que je vais m orienter vers le 960, ça a l air plus stable.

si quelqu un a une autre idée.

merci a toi

steph

**Macmillenium** · 31/07/2009, 19h15

Bonjour,

Envoyé par Stéph utilisateur d'acces

après maintes lectures, j ai opté pour une largeur de mon conteneur global de 90% mais j hésite à adopter les 960 qu'on voit souvent.

C'est toi qui vois

Tu peux opter pour une largeur de 90%, 960px ou simplement un max-width:960px afin de garder le document accessible pour les petites résolutions.

@aL1ba : Il n'existe aucune source "très officielle" pour les résolutions utilisées, chaque site se base sur ses propres statistiques.
A savoir que plusieurs ordinateurs de poche ont des résolutions 640x480.

**aL1ba** · 31/07/2009, 19h45

Tout à fait d'accord avec toi Macmillenium. Par "très officielle" je faisais réfèrence à la source des stats, laquelle source ne me semble pas biaisée. Cest stats sont d'ailleurs disponibles pour d'autres sujets, tel que browsers, OS, etc. Ça donne des trends

What is the trend in browser usage, display colors and screen resolution?
Web Statistics and Trends. Statistics are important information. What you can read from the statistics below is

Mais ça reste toujours vrai, que des stats............

largeur du site et résolution

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager