Bonjour tout le monde,

Je développe un petit site en css, pour l'instant j'ai fait une maquette simple
mais qui marche très bien sur firefox mac, ie pc et firefox pc, par contre elle ne marche pas du tout avec safari mac (le fond d'écran n'apparait pas, les div se calent toutes a gauches en fait on dirait que le naviguateur ne reconnait pas du tout le css)

voici l'adresse de la maquette www.endlessgrowth.org/test

et voici le code source de la page :

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
94
95
<!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>
 
 
</style> 
 
<title>TEST</title>
 
<style type="text/css">
<!--
#contenu{
	position:absolute;
	left: 50%;
	margin-left: -800px;
	no-scroll:1;
	/* Hack CC pour IE MAC \*/
	top: 50%;
	margin-top: -600px;
	/* fin hack CSS pour IE MAC */
}
-->
 
</style>
<div id="contenu">
<div id="header"><img src="1petit.jpg" width="800" height="46" /></div>
<div id="nav"><img src="2petit.jpg" width="13" height="539" /></div>
<div id="main"><img src="3petit.jpg" width="540" height="539" /></div>
<div id="popo"><img src="4petit.jpg" width="246" height="539" /></div>
<div id="footer"><img src="5petit.jpg" width="800" height="14" /></div>
</div>
 
</table>
<br />
</body>
</html>
 
 
<style type="text/css">
<!--
 
body {
background-image: url(bgpetit.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 50%; 
}
 
 
 
 
 
div#header {
position:absolute;
top:300px;
left:399px;
width:800px;
height:46;
}
 
div#nav {
position:absolute;
top:346px;
left:399px;
width:13px;
height:539px;
}
 
div#main {
position:absolute;
top:346px;
left:412px;
width: 539px;
height: 540px;
}
 
 
div#popo {
position:absolute;
top:346px;
left:952px;
width: 246px;
height: 539px;
}
 
 
div#footer {
position:absolute;
top:885px;
left:399px;
width:800px;
height:14px;
 
}
-->

Si quelqu'un pouvait me donner un conseil je ne vois pas du tout quoi faire

Merci beaucoup

Xavier