aligne à un conteneur

**medkyl** · 04/07/2008, 00h12

Bonjour à tous

je voudrais que le div menuBas s'aligne en bas du div bas_de_page.
je mis dans la partie height: 100% au div menuBas mais sans effet

soyez indulgents je suis debutant.

merci.

partie html

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
 
<body>
<div id="conteneur"> 
  <div id="pricipale">
       <div id="gauche">
          <div id="menu"> mon menu haut</div>
          <div id="menuBas"> mon menu bas</div>
       </div>
 
      <div id="entete">mon entete </div>
      <div id="centre"> 
        <p>mon texte          </p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;    </p>
    </div>
 
 
 
  </div>
    <div id="bas_de_page"> mon bas de page </div>
</div>

la partie css

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
@charset "utf-8";
#conteneur {
	height: auto;
	 min-height : 800px;
	width: 800px;
	margin-right: auto;
	background-color: #FFFF77;
	margin-left: auto;
}
#pricipale {
	height: auto;
	width: 800px;
	/* float: left; */
	 min-height : 800px;
}
#gauche{
	width: 200px;
	height: 100%;
	background-color: #FFCC66;
	float: left;
}
 
#menu{
	width: 200px;
	float: left;
	height: 400px;
	background-color: #999933;
 
}
 
#menuBas{
	height: 100%;
	width: 200px;
	background-color: #996666;
	 min-height : 100px;
} 
 
 
#entete{
	height: 100px;
	width: 600px;
	background-color: #CC6699;
	float: right;
}
 
#centre{
	height: auto;
	width: 600px;
	background-color: #99FFFF;
	float: left;
}
 
 
 
#bas_de_page{
	height: 50px;
	width: 800px;
	background-color: #666666;
	float: left;
}

**laurentibus** · 04/07/2008, 16h02

dans ton menu bas rajoute l attribut marggin-bottom ( voir syntaxe si erreur

) a 0

ok ???

aligne à un conteneur

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager