Superposition des blocs : un texte ne s'affiche pas sur la bannière mais en dessous [Résolu]

[super_newbie_pro]

Bonjour

J'ai une page sur laquelle se trouve :

- un logo sur le côté gauche qui doit s'afficher devant TOUT ( #image_haute )
- Une bannière centrale ( #banniere_haute ) qui sera remplacé par du SWF (ou flv ?)
- Un menu censé être devant cette bannière centrale ( #menusuperieur )

Le tout se trouve dans une DIV appelée #en_tete

Problème rencontré ; Ma bannière est bien centrée. Mais mon menu supérieur se trouve 80px en dessous de cette bannière alors qu'elle devrait se trouver sur cette dernière, vers le bas (bannière faisant 100px, donc menu supérieur à 20px de son bas) Je ne sais pas comment résoudre ce problème.

Voici mon code CSS :

Code :

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
a img
{
border:0;
}
 
 
#en_tete
{
	height: 100px;
	border: 3px ridge #1F4F7E;
	background-color: #CCCCCC;
	background: url("../images/header.png") no-repeat bottom right #1F4F7E;
}
 
#image_haute
{
	width: 270px;
	height: 274px;
	position: absolute;
	top: 10px;
	left: 40px;
	background: url("../images/111003015738853392.png") no-repeat; 
}
 
#banniere_haute
{
	width: 800px;
	height: 100px;
	position: relativ center;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banniere.png") no-repeat; 
}
 
#menusuperieur
{
	font-family: Verdana;
	text-align: center;
	margin-top: 80px;
	position: absolute center;
	font-size:11px;
}

Voici mon code HTML :

Code :

1
2
3
4
5
6
7
8
9
<div id="en_tete">
	<div id="image_haute">
	</div>
	<div id="banniere_haute">
	</div>
	<div id="menusuperieur">
		<font>  <a href="index.html" class="menusuperieur">Accueil</a>  |  <a href="forum/index.php" class="menusuperieur">
		FORUM</a>  |  <a href="liens.html" class="menusuperieur">Liens</a></font></a>
	</div>

D'avance merci pour la solution.

[NoSmoking]

Bonsoir,

Problème rencontré ; Ma bannière est bien centrée. Mais mon menu supérieur se trouve 80px en dessous de cette bannière alors qu'elle devrait se trouver sur cette dernière, vers le bas (bannière faisant 100px, donc menu supérieur à 20px de son bas) Je ne sais pas comment résoudre ce problème.

ou mais alors pourquoi mettre ????

#menusuperieur
{
	font-family: Verdana;
	text-align: center;
	margin-top: 80px;
	position: absolute center;
	font-size:11px;
}

[super_newbie_pro]

Et bien 80px du haut de la page... Il le comprend comme 80px en dessous de la bannière... :/

[Bovino]

Code :

position: relativ center;

Ca sort d'où ça ???

[super_newbie_pro]

Mouarrfff !! Problème réglé merci