OK sous IE, horrible sous Firefox

**dellin** · 17/01/2010, 22h41

Hello, j espere ne pas me tromper en postant ici !

je suis grand debutant

en train de cosntruire un site avec php (pour bdd) et css.

j ai realise le template du site en html css. j y ai ajouter un module javascript de slider de news et du php pour recup de l'info de la bdd.

jusqu ici sous IE, aucun soucis mis a part que je n arrive pas a utiliser hover sur un span.

par contre en ouvrant le fichier sous firefox, horrible, rien, absolument rien ne fonctionne sauf le module de visualisation d images. le CSS n est pas prit en compte.

je suis un peu deroute car j ai passe une sacree paire d heure a mettre en place ce premier morceau et je ne sais pas par ou commencer pour que tout fonctionne sur les deux navigateurs.

je precise que au validator w3c aucune erreur n apparait et que les seuls erreurs de page que me presente IE sont dans le fichier js du slider (autrement dit ce qui marche sous IE et FF)

A l aide !!!!!!! merci d avance !

MON FICHIER INDEX.PHP

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>mon super site qui marche pas!</title>
<link rel="stylesheet" type="text/css" href="css\style.css">
<link rel="stylesheet" href="noobslide/_web.css" type="text/css" media="screen">
<link rel="stylesheet" href="noobslide/style.css" type="text/css" media="screen">
<script type="text/javascript" src="noobslide/mootools-1.2-core.js"></script>
<script type="text/javascript" src="noobslide/_class.noobSlide.packed.js"></script>
<script type="text/javascript">
	window.addEvent('domready',function(){
	//SAMPLE 4 (walk to item)
	var nS4 = new noobSlide({
		box: $('box4'),
		items: $$('#box4 div'),
		size: 648,
		handles: $$('#handles4 span'),
		onWalk: function(currentItem,currentHandle){
		$('info4').set('html',currentItem.getFirst().innerHTML);
		this.handles.removeClass('active');
		currentHandle.addClass('active');
		}
	});
});
</script>
</head>
<body>
<?php
mysql_connect("localhost", "root", "pass"); // Connexion à MySQL
mysql_select_db("test"); // Sélection de la base coursphp
 
echo '<table summary="todo el cine" border="0"><tr align="center"><td>';
echo '<div id="conteneur_principal">';
echo '<div id="header"></div>';
echo '<div id="separateur_degrade"></div>';
 
echo '<div id="bloc_news">';
echo '<h2>No te puedes perder...</h2>';
	echo '<div class="mask3">';
		echo '<div id="box4">';		
$info_news = mysql_query("SELECT * FROM news WHERE rank<='5' ORDER BY rank"); // Requête SQL NEWS
$compt_news = 1;
while ($data_news = mysql_fetch_array($info_news) )
{
echo '<div>';
echo '<h3>'.$compt_news.'. '.$data_news['title'].'</h3>';
echo '<img src="images/news/'.$data_news['image'].'" alt="'.$data_news['title'].'">';
echo '<p>'.$data_news['content'].'</p>';
echo '</div>';
$compt_news++;
}
 
	echo '</div>';
	echo '</div>';
	echo '<p class="buttons" id="handles4" align="right">';
		echo '<span>1</span>';
		echo '<span>2</span>';
		echo '<span>3</span>';
		echo '<span>4</span>';
		echo '<span>5</span>';
	echo '</p>';
 
 
echo '</div>';
echo '<div id="bloc_pub1"></div>';
echo '<div id="bloc_cine"></div>';
echo '<div id="bloc_pub2"></div>';
echo '<div id="bloc_series"></div>';
echo '<div id="bloc_divers"></div>';
echo '<div id="bloc_novelas"></div>';
echo '<div id="bottom"></div>';
echo '</div></td></tr></table>';
?>
</body>
</html>

MON FICHIER CSS (celui qui n est pas pris en compte sous FF):

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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
body{
background-color: #333333;
text-align:center;
}
 
#conteneur_principal{
width: 980px;
height: 2160px;
background-color: #e2e7f7;
margin-top: 200px;
text-align: left;
}
 
#header{
width: 980px;
height: 100px;
background-image:url("../images/header_fond.jpg");
}
 
#separateur_degrade{
width: 980px;
height: 15px;
font-size: 0px;
background-image:url("../images/background_degrade.jpg");
}
 
#bloc_news{
width: 650px;
height: 250px;
float:left;
margin-top: 5px;
margin-left: 10px;
background-image:url("../images/bloc_news.jpg");
}
 
#bloc_pub1{
width: 300px;
height: 250px;
float: right;
background-color: #123456;
margin-top: 5px;
margin-right: 10px;
}
 
#bloc_cine{
width: 960px;
height: 500px;
margin-top: 20px;
margin-left: 10px;
background-image:url("../images/bloc_cine.jpg");
}
 
#bloc_pub2{
width: 728px;
height: 90px;
margin-top: 20px;
margin-left: 126px;
background-color: #123456;
}
 
#bloc_series{
width: 650px;
height: 500px;
float:left;
margin-top: 20px;
margin-left: 10px;
background-image:url("../images/bloc_series.jpg");
}
 
#bloc_divers{
width: 300px;
height: 500px;
float:right;
margin-top: 20px;
margin-right: 10px;
background-image:url("../images/bloc_divers.jpg");
}
 
#bloc_novelas{
width: 960px;
height: 500px;
margin-top: 20px;
margin-left: 10px;
background-image:url("../images/bloc_cine.jpg");
}
 
#bottom{
width: 980px;
height: 100px;
margin-top: 20px;
background-image:url("../images/bottom.jpg");
}
 
.title_bloc{
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
 
.title_news{
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color: #d20202;
}
 
.content_news{
font-family: Verdana;
font-size: 12px;
color: #000000;
}