Affiche navigateurs

**mariepierre** · 24/05/2008, 11h53

Bonjour,
J'ai fait un site ok sous IE 6 et FF. Le problème est qu'il y a un décalage dans safari. Et j'arrive pas à coordonner l'affichage sous ff et safari.

Pour la différence entre IE et FF j'utilise des commentaires conditionnels.
Il y a t-il une solution pour safari ?

J'ai trouvé ce code :

Code :

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

1
2
3
page.includeCSS.file1 = fileadmin/templates/toto.css
[browser=netscape]
page.includeCSS.file1 = fileadmin/templates/titi.css

Mais je ne le comprends pas.

Quelqu'un pourrait-il m'aider ?

**Erwan31** · 24/05/2008, 16h47

Bonjour,
le mieux serait que tu trouves une solution qui passe sur tous les navigateurs.
Se reposer sur javascript pour appeler une CSS corrective n'est pas 100% fiable
puisque certains utilisateurs n'ont pas Javascript d'activé.

EDIT: Donnes ton code

**mariepierre** · 24/05/2008, 17h57

mais je n'arrive pas à trouver la solution qui coïncide pour les trois.
Tu peux pas m'expliquer ce code ?

**@Ikey** · 24/05/2008, 18h37

Montre nous ton css ca sera plus simple.

Un site couplant du xhtml et du css bien fait n'a pas besoin de plusieurs feuilles de styles, (hormis pour quelques différences de comportement de balises entre IE et les autres navigateurs).

**mariepierre** · 25/05/2008, 06h53

La feuille de stye vous suffit ? j'ai mis celle pour IE6

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
/* CSS Document */
#bandeau{
width:800px;
margin-top:0px;
margin-left:-3px;
}
 
#page{margin-top:0px; width:800px; height:600px; /*border:outset; border-width:1px; border-color:#CCCCCC;*/}
#conteneur{
width:804px;
height:300px;
background-color:#FFFFFF;
margin-left:24px;
margin-top:-4px;
/*border:outset; border-width:1px; border-color:#CCCCCC;*/
}
table thead{
background:#FF9900;
color:#000000;
}
 
#menu{
float:left;
width:200px;
margin-left:0px;
margin-top:40px;
}
 
#contenu{
margin-top:30px;
/width:500px;
/height:200px;
/font-family:Verdana;
/font-size:12px;
/border-left: 1px solid; 
/padding-left: 15px;
/border-color:#7d6257;
}
 
#footer{
background-image:url(../natifs et autres/footer.jpg);
width:860px;
height:40px;
background-repeat:repeat-x;
margin-left:-3px;
}
 
#ref{
width:530px;
}
 
a{
	color: #000000;
}
 
a:visited{
	color: #000000;
}
 
a:hover{
	color:#CC0000;
}