bonjour débutant dans le css j'aimerais avoir l'aide d'un expert sur ce point, suivant le navigateur utiliser le design css change et j'aurais aimé qu'il reste pareile seriez vous m'aidé svp a comprendre et a modifier ce code .Un grand merci.

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style TYPE="text/css">
BODY {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #D3E6FF;
scrollbar-base-color: #3D58A5;
scrollbar-face-color: #395294;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
}
#haut {
	position: absolute;
	background:#fff000;
	width: 794px;
	height:96px;
	border:1px dashed #000;
	padding: 0px;
	left: 8px;
	top:10px;
   }     
 
#gauche {
	position: absolute; 
	width: 150px;
	height: 400px;
	border:3px solid #000;
	left: 8px;
	top: 110px;
   }
#frame {
	position: absolute; 
	width: 150px;
	height: 400px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	border:3px solid #000;
	left: 652px;
	top: 110px;
}  
#center {
	position: absolute;
	background:#fff000;
	width: 477px;
	height:400px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	border:1px dashed #000;
	padding: 0px;
	left: 165px;
	top: 110px;
   }
#bas {
	position: absolute;
	background:#fff000;
	width: 794px;
	height:30px;
	border:1px dashed #000;
	padding: 0px;
	left: 8px;
	top:515px;
   }     
 
//--></style>
</head>
<body>
<div id="haut">haut</div>
<div id="gauche">gauche</div>
<div id="center"> hella</div>
<div id="frame"> laaaaaa</div>
<div id="bas">bas</div>
</body>
</html>