bonjour à tous,
je suis à cours d'idée avec mon site avec un rendu presque vide sous safari. Mon site promodivin
utilise mootools pour enrichir son interface. Notamment pour les effets accordeon et slide. Pas de problème avec IE et Firefox mais sous Safari, au lieu de texte, j'ai de grands vides. Les effets fonctionnent tout de même. Pour cela il faut cliquer sur les têtes de section; par exemple, cliquer sur 'le constat' pour voir l'effet.
Le menu 'Services' montre plus clairement le problème éventuel, car on peut voir du grisé apparaître mais pourquoi et comment y remédier?
Il me semble que le problème est dans mes balises css liées à l'utilisation de mootools comme ici pour 'Accueil':
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
<div id="h_toggle1"><a href="#">
<h1>Communication</h1>
</a></div>
<div id="horizontal_slide1">
<ul class="bullet_point">
...
 
et voici le contenu de la feuille titre_toggle.css pour ces balises:
h3.section {
	margin-top: 1em;
}
 
#vertical_slide1, #horizontal_slide1,
#vertical_slide2, #horizontal_slide2,
#vertical_slide3, #horizontal_slide3 {
	background: #E6EAEF;
	margin-top: 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #D5D8DD;
}
 
#h_toggle1, #h_toggle3, #h_toggle2 {
}
 
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
Merci énormément pour vos suggestions.

safari 4.0.3 --> KO
IE 6+ --> OK
FF 3.5 --> OK
mootools 1.2.4
joomla 1.5.15