Casse tête Safari Osx [Résolu]

xavierpointcom · 13/04/2011, 01h09

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

kOrt3x · 13/04/2011, 08h18

Et si tu mettais déjà tous ton code CSS dans la même balise :

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
<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 */
}
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;
 
}
 
</style>

Cela devrait fonctionner dans Safari.

ornitho13 · 13/04/2011, 08h48

oui en enlevant les commentaires :

Code :

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

<!-- -->

kOrt3x · 13/04/2011, 09h17

Citation:

Envoyé par ornitho13

oui en enlevant les commentaires :

Code :

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

<!-- -->

Oui, mais le code HTML n'est pas bon, car la balise </style> n'est pas fermée.

xavierpointcom · 13/04/2011, 11h40

Merci beaucoup kOrtex,

le problème venait du fait que je n'avais pas fermé ma balise style.

Bonne journée

kOrt3x · 13/04/2011, 12h11

Citation:

Envoyé par xavierpointcom

Merci beaucoup kOrtex,

le problème venait du fait que je n'avais pas fermé ma balise style.

Bonne journée

Super ;-)

13/04/2011, 08h48	#3
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	oui en enlevant les commentaires : Code : Sélectionner tout - Visualiser dans une fenêtre à part <!-- -->
	00

13/04/2011, 11h40	#5
xavierpointcom Invité de passage Inscription : avril 2011 Messages : 2 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : avril 2011 Messages : 2 Points : 0 Points : 0	Merci!! Merci beaucoup kOrtex, le problème venait du fait que je n'avais pas fermé ma balise style. Bonne journée
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email