Discussion :

[yoann84]

Bonjour,
j'ai un probleme pour aligner des bloc, avec explorer le 4eme bloc est positionné etrangement alors que sur firefox sa fonctionne bien.
Voici mon code :

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
<div id="document">
	<div id="entete">
		<div id="entete_gauche">
			<div id="logo">logo
			</div>
			<div id="titre">Titre
			</div> 
			<div id="liens"> 
			<a href="index.php">Lien 1</a>&nbsp;|&nbsp;<a href="#">Lien 2</a>&nbsp;|&nbsp;<a href="#">Lien 3</a>
			</div>
		</div>
	<div id="pub_entete">&nbsp;
	</div>
	</div>
</div>

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
#document {
	margin: 0 auto;
	width: 840px; 
	height: 680px; 
	background-color: #FFFFFF;
	text-align: left; /* on rétablit l'alignement normal du texte */
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	}
 
#entete {
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-color: white;
	height:74px; 
	border: 2px solid #000000 ;
	}
 
#logo{
	float: left;
	border: 1px solid #336699 ;
	margin: 10px 0px 0px 10px;
	width: 46px;
	height: 50px;
	}
 
#titre{
	padding: 2px px 5px 10px;
	border: 1px solid #336699 ;
	margin: 2px 0px 0px 65px;
	font-family: Verdana,sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	color: #334d55;
	width : 230px;
	}
 
#liens{
	border: 1px solid #336699 ;
	font-size: 1.3em;
	color: #cccccc;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 65px;
	width : 230px;
	}
 
#pub_entete {
	border: 1px solid #336699 ;
	width: 468px;
	height: 60px;
	margin: 6px 11px 6px 355px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;
	line-height: 1px;
	}
 
#entete_gauche {
	float:left;
	width: 330;
	}
 
body {
     margin: 0.5em; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 padding: 0;
	 background-color: #336699;
     }

Sa va faire 2 jour que je bloque sur ce probleme,
si quelqu'un a la solution sa m'aiderai beaucoup,
yoann.

[gerald2545]

bonjour,
donne plutôt l'id de ton bloc qui pose problème.
Tu as un lien vers ta page web à nous proposer?

[yoann84]

Le bloc qui pose probleme est "pub_entete".
par contre je n'ai pas encore d'hebergeur mais je vous propose de telecharger les 2 fichier ici http://dl-3.free.fr/52616e646f6d4956...5/site_bug.rar

[fallais]

Code :

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

1
2
3
4
5
6
7
8
9
#pub_entete {
	border: 1px solid #336699 ;
	width: 468px;
	height: 60px;
	margin: 6px 11px 6px 355px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;
	line-height: 1px;
	}

Le probleme vient de la : donne des attribus top,bottom,right;left, car sur IE quand on enleve le 355px ca marche, mais ca decale sous FF. Ou sinon utilise les float ou la position absolue

[yoann84]

Merci beaucoup
J'avais pourtant essayé la position absolue, mais sa decalle le reste du site sous dreamweaver donc j'avais pas testé un aperçu dans le navigateur.
l'essentiel est que sa marche sous IE et FX (etrange quand meme ce decallage sous dw)

Je met le bon code si quelqun a le meme probleme :

Code :

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

1
2
3
4
5
6
7
8
9
10
#pub_entete {
	position: absolute;
	border: 1px solid #336699;
	width: 468px;
	height: 60px;
	font-size: 1px;
	line-height: 1px;
	left: 425px;
	top: 16px;
	}

et encore merci