mettre une liste au bas d'une div

Version imprimable

Comment faire pour placer une liste au bas d'une div?
HTML:

Code:

1
2
3
4
5
6
7
 
<div id="barre">
<ul id="top">
<li><a href="#">Accueil</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
#barre {
height:134px;
background-image:url(top.bmp);
}
#top{
 
 
}
#barre ul {
padding: 0;
list-style-type: none;
text-align: center;
}
#barre ul li {
 
display: inline;
}
#barre ul li a
{
text-decoration: none;
}

Un positionnement relative (relatif à son parent) me semble fonctionner :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
#barre {
height: 134px;
background-image: url(top.bmp);
border: thin solid black; /*Fait un cadre*/
}
#top {
padding: 0;
list-style-type: none;
text-align: center;
position: relative;
top: 70%;
}
#top li {
display: inline;
}
#top a {
text-decoration: none;
}

29/09/2012, 02h11
omar344

merci :ccool:

Fuseau horaire GMT +2. Il est actuellement 18h16.