problème affichage page FF2 et IE6 et IE7

**kanabzh29** · 05/11/2008, 10h26

Bonjour,

J'ai deux page qui ne s'affichent pas bien sur IE6, IE7 et FF2. Celle-ci fonctionne correctement sur FF3 et SAFARI par contre.

J'ai passé les pages sur W3C validator, le xHTML et le CSS sont bien valide, seulement je ne trouve pas mon erreur.

les pages qui ne s'affichent pas correctement :
http://www.antoineleclerc.fr/devworks.php
http://www.antoineleclerc.fr/_devwor...-class-php.php

le css correspondant à ces pages :

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
 
blockquote {
	background-color: #fff;
	color: #000;
	font-size: 15px;
	padding: 10px;
}
 
h1.devElementTitle {
	letter-spacing: 10px;
	color: #ea7400;
}
 
h2.devPartElement {
	margin: 20px 0 5px 15px;
	letter-spacing: 10px;
	color: #04aae1;
}
 
.devElementDes {
	letter-spacing: 3px;
	color: #fff;
	font-size: 13px;
}
 
#container {
	width : 950px;
	background-color : #000;
	margin : 30px 0 0 30px;
	padding : 0 0 1px 0;
}
 
#menu {
	height : 50px;
	background-color : #000;
}
 
h1 {
	margin : 10px 5px 10px 5px;
	padding : 0 0 0 20px;
	background-color : #000;
	color: #fff;
	font-size: 20px;
	letter-spacing: 9px;
	text-align: right;
	border-bottom: 1px solid #999999;
}
 
p.desDevTitle {
	color: #fff;
	font-size: 10px;
	color: #04aae1;
	letter-spacing: 3px;
	text-align: right;
	margin: 0 3px 30px 5px;
}
 
.dateEDP {
	font-size: 13px;
	letter-spacing: 3px;
	color: #04aae1;
}
 
.nameEDP {
	font-size: 13px;
	letter-spacing: 3px;
	color: #fff;
}
 
.viewEDP {
	font-size: 13px;
	letter-spacing: 3px;
	color: #ea7400;
	text-align: right;
}
 
a.viewEDP {
	color: #ea7400;
	text-decoration: none;
}
 
a.viewEDP:hover {
	color: #04aae1;
	text-decoration: none;
}
 
a.clickHereWhite {
	color: #fff;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}
 
a.clickHereWhite:hover {
	color: #04aae1;
	border-bottom: 1px dashed #04aae1;
	text-decoration: none;
}

le code HTML de la première page :

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
 
<body>
 
<div id="container">
	<div id="header">
	</div>
	<p class="menu">
		<a href="index.php">home</a> > dev works
	</p>
 
	<h1>php</h1>
	<p class="desDevTitle">php programming - php4-5</p>
 
	<div id="dateElementDevPhp">
		<p class="dateEDP">04-11-2008</p>
	</div>
	<div id="nameElementDevPhp">
		<p class="nameEDP">Basket class</p>
	</div>
	<div id="viewElementDevPhp">
		<p class="viewEDP"><a href="./_devworks/basket-class-php.php" class="viewEDP">view</a></p>
	</div>
 
	</div>
</body>

le code HTML de la deuxième page :

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
 
<body>
 
<div id="container">
	<div id="header">
	</div>
	<p class="menu">
		<a href="../index.php">home</a> > <a href="../devworks.php">dev works</a> > Basket Class
	</p>
	<h1 class="devElementTitle">Basket Class</h1>
	<h2 class="devPartElement">1. The code...</h2>
	<p class="devElementDes">
		This is an example of basket class, you can find on web more complete examples of basket class.
	</p>
	<p class="devElementDes">
		To see how to use it, go to the bottom of this page
	</p>
	<blockquote>
	<?php
		highlight_file(...);
	?>
	</blockquote>
 
	<h2 class="devPartElement">2. To use it...</h2>
	<p class="devElementDes">
		To use it, it is very easy...
	</p>
	<blockquote>
	<?php
		highlight_file(...);
	?>
	</blockquote>
 
	<h2 class="devPartElement">3. To pass variables between each pages...</h2>
	<p class="devElementDes">
		To pass variables beatween each pages, to have to uses php sessions.
	</p>
	<blockquote>
	<?php
		highlight_file(...);
	?>
	</blockquote>
 
</div>
</body>

Si quelqu'un pouvait m'aider.

Merci d'avance

**Bisûnûrs** · 05/11/2008, 11h12

Et si tu nous disais quels sont les défauts d'affichage que tu remarques ?

Pour ma part, les deux pages sont identiques sur Firefox 2, 3, IE 6, 7.

**kanabzh29** · 05/11/2008, 11h29

Non mais la je suis confus, j'avais fais une tite erreur, erreur corrigée, tout est rentrée dans l'ordre...je sais pas comment j'ai pu faire cette bêtise, enfin bon.

Merci quand mème

Par contre la page index.php ne s'affiche pas pareil sur IE6 et IE7,FF3-3,SAFARI

**Bisûnûrs** · 05/11/2008, 11h48

Si tu parles des textes sur les photos qui n'apparaissent pas sur IE, c'est à cause du span utilisé. Mets un p à la place.

**kanabzh29** · 05/11/2008, 11h52

En fait je parlais surtout des 3 div en dessous des images avec un float left, la ou il y a "watch it, where i am, what's news", sur FF2-FF3-IE7-SAFARI ils sont bien a la suite mais sur IE6 non.

**Bisûnûrs** · 05/11/2008, 11h55

C'est le bug de doublement des marges sur IE6 (apparait sur le premier élément en float qui a aussi une marge gauche ou droite en fonction du float utilisé).

Pour le corriger, tu peux mettre display:inline sur ton div whereiam.

problème affichage page FF2 et IE6 et IE7

CSS

Vue hybride

Discussions similaires

Partager

Partager