Site s'affiche sous firefox et pas sur explorer

**speedylol** · 20/12/2006, 15h12

bonjour voilà le probléme que j'ai cela s'affiche sous firefox et pas ou explorer pq???

http://www.voyance-direct.be

la tete du site

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
 
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Voyance-direct : Portail de voyance en direct</title>
<style type="text/css">
<!--
#header {
position:absolute;
width: 650px;
height: 100px;
background-image:url(../design/haut.gif);
left: 8px;
top: 2px;
}
</style>
</head>
 
<body>
<div id="header"><?php require_once'ban.php'; ?></div>
</body>
</html>

le centre du site

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
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Voyance-direct : Portail de voyance en direct</title>
<style>
#centre {
position: absolute;
background-image:url(../design/ange_28.gif);
background-attachment:fixed;
width: 500px;
height:430px;
overflow: auto;
left:158px;
top: 102px;
}
#menu{
	position: absolute;
	background-image:url(../design/gauche.gif);
	height:430px;
	left:8px;
	width: 150px;
	top: 102px;
}
#droite {
	position: absolute;
	height:600px;
	left:810px;
	width: 150px;
	top: 2px;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #FFFFFF;
font-weight: bold;
font-size: 18px;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {
margin:5px;
}
</style>
</head>
<body>
<?php require_once'header.php'; ?>
<div id="menu">
<p>
			<ul class="menugauche">
			<li><a href="../page/index.php" title="Accueil" >Accueil</a></li> 
			<li><a href="../page/poser.php" title="Vos question" >Vos Question</a></li>
			<li><a href="../page/contact.php" title="Consultation" >Consultation</a></li>
			<li><a href="../livre/index.php" title="Livre d'or" >Livre d'or</a></li>
			</ul></p>
<?
require_once'todoocount.php';
?>
</div>
<div id="centre"></div>
<div id="droite"></div>
<?php require_once'pied.php'; ?>
</body>
</html>

le bas du site

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
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Voyance-direct : Portail de voyance en direct</title>
<style>
#footer {
position:absolute;
width: 650px;
height: 40px;
background-image:url(../design/bas.gif);
left:8px;
top:532px;
}
</style>
</head>
<body>
<div id="footer"><?php require_once'bas.php'; ?></div>
</body>
</html>

**Bisûnûrs** · 20/12/2006, 15h14

En gros tu as 3 DOCTYPE, 3 balises html body head dans une seule page ....

**speedylol** · 20/12/2006, 16h02

je doit les enlevers c'est cela

**Bisûnûrs** · 20/12/2006, 16h11

Effectivement.

Exemple :

Page conteneur :

Code HTML :

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
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Voyance-direct : Portail de voyance en direct</title>
<style type="text/css">
/* ici toute ta feuille de style */
</style>
</head>
 
<body>
<div id="header"><?php require_once'head.php'; ?></div>
<div id="contenu"><?php require_once'contenu.php'; ?></div>
<div id="footer"><?php require_once'foot.php'; ?></div>
</body>
</html>

Page head :

Code HTML :

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

<div>Mon entête</div>

Page contenu :

Code HTML :

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

<div>Mon contenu</div>

Page foot :

Code HTML :

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

<div>Mon pied de page</div>

**speedylol** · 24/12/2006, 14h17

Bonjour merci de test réponse. Voilà j'ai modifier pour ne faire que un seul code qui n'affiche uniquement l'image du centre sous explorer et les image haut ey bas en gif ne s'affiche pas, la je donne ma langue au chat

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
<title>Voyance-direct : Portail de voyance en direct</title>
<style>
#header {
position: absolute;
width: 650px;
height: 100px;
background-image:url(../design/haut.gif);
left: 8px;
top: 2px;
}
#centre {
position: absolute;
background-image:url(../design/ange_28.gif);
background-attachment:fixed;
width: 500px;
height:430px;
overflow: auto;
left:158px;
top: 102px;
}
#menu{
	position: absolute;
	background-image:url(../design/gauche.gif);
	height:430px;
	left:8px;
	width: 150px;
	top: 102px;
}
#droite {
	position: absolute;
	height:600px;
	left:682px;
	width: 150px;
	top: 2px;
}
#footer {
position:absolute;
width: 650px;
height: 40px;
background-image:url(../design/bas.gif);
left:8px;
top:532px;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #FFFFFF;
font-weight: bold;
font-size: 18px;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {
margin:5px;
}
</style>
<div id="header"><?php require_once'ban.php'; ?></div>
<div id="menu">
<p>
  <ul class="menugauche">
			<li><a href="../page/index.php" title="Accueil" >Accueil</a></li> 
			<li><a href="../page/poser.php" title="Vos question" >Vos Question</a></li>
			<li><a href="../page/contact.php" title="Consultation" >Consultation</a></li>
			<li><a href="../livre/index.php" title="Livre d'or" >Livre d'or</a></li>
  </ul></p>
<?
require_once'todoocount.php';
?>
</div>
<div id="centre"></div>
<div id="droite"></div>
<div id="footer"><?php require_once'bas.php'; ?></div>

**trotters213** · 28/12/2006, 20h44

Envoyé par speedylol

Bonjour merci de test réponse. Voilà j'ai modifier pour ne faire que un seul code qui n'affiche uniquement l'image du centre sous explorer et les image haut ey bas en gif ne s'affiche pas, la je donne ma langue au chat

Tu as vérifier ton emplacement au moins ? ton image est bien sur le serveur ?

**speedylol** · 29/12/2006, 17h42

bonjour oui elle son bien sur le serveur c'est cela que je comprends pas

Site s'affiche sous firefox et pas sur explorer

CSS

Discussions similaires

Partager

Partager