Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 13/04/2011, 01h09   #1
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 2
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : avril 2011
Messages : 2
Points : 0
Points : 0
Par défaut Casse tête Safari Osx

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 :
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
xavierpointcom est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 08h18   #2
Rédacteur/Modérateur
 
Avatar de kOrt3x
 
Homme Aurélien Gaymay
Technicien Informatique/Etudiant Web
Inscription : septembre 2006
Messages : 2 320
Détails du profil
Informations personnelles :
Nom : Homme Aurélien Gaymay
Âge : 29
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien Informatique/Etudiant Web
Secteur : Santé

Informations forums :
Inscription : septembre 2006
Messages : 2 320
Points : 7 272
Points : 7 272
Envoyer un message via AIM à kOrt3x Envoyer un message via MSN à kOrt3x Envoyer un message via Skype™ à kOrt3x
Et si tu mettais déjà tous ton code CSS dans la même balise :

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
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.
__________________
QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
______________________________________________________________________________________

La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
kOrt3x est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 08h48   #3
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme 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 :
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 09h17   #4
Rédacteur/Modérateur
 
Avatar de kOrt3x
 
Homme Aurélien Gaymay
Technicien Informatique/Etudiant Web
Inscription : septembre 2006
Messages : 2 320
Détails du profil
Informations personnelles :
Nom : Homme Aurélien Gaymay
Âge : 29
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien Informatique/Etudiant Web
Secteur : Santé

Informations forums :
Inscription : septembre 2006
Messages : 2 320
Points : 7 272
Points : 7 272
Envoyer un message via AIM à kOrt3x Envoyer un message via MSN à kOrt3x Envoyer un message via Skype™ à kOrt3x
Citation:
Envoyé par ornitho13 Voir le message
oui en enlevant les commentaires :
Oui, mais le code HTML n'est pas bon, car la balise </style> n'est pas fermée.
__________________
QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
______________________________________________________________________________________

La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
kOrt3x est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 11h40   #5
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 2
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : avril 2011
Messages : 2
Points : 0
Points : 0
Par défaut Merci!!

Merci beaucoup kOrtex,

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

Bonne journée
xavierpointcom est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 12h11   #6
Rédacteur/Modérateur
 
Avatar de kOrt3x
 
Homme Aurélien Gaymay
Technicien Informatique/Etudiant Web
Inscription : septembre 2006
Messages : 2 320
Détails du profil
Informations personnelles :
Nom : Homme Aurélien Gaymay
Âge : 29
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien Informatique/Etudiant Web
Secteur : Santé

Informations forums :
Inscription : septembre 2006
Messages : 2 320
Points : 7 272
Points : 7 272
Envoyer un message via AIM à kOrt3x Envoyer un message via MSN à kOrt3x Envoyer un message via Skype™ à kOrt3x
Citation:
Envoyé par xavierpointcom Voir le message
Merci beaucoup kOrtex,

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

Bonne journée
Super ;-)
__________________
QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
______________________________________________________________________________________

La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
kOrt3x est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h17.


 
 
 
 
Partenaires

Hébergement Web