Bonjour,
Voici mon problème. j'ai une liste dont les items sont en position relative pour accueillir un texte lui même en position absolute et en bottom = 0 pour être collé a la partie inférieure de mon item. J'obtiens ce que je veux mais une marge apparait en dessous de chaque item sous IE6 et IE7. (J'ai vraiment pensé à virer toutes les margin et padding existant).
http://malmamathla.net/misc/tst.html <<< voila un exemple live
Voici mon problème. j'ai une liste dont les items sont en position relative pour accueillir un texte lui même en position absolute et en bottom = 0 pour être collé a la partie inférieure de mon item. J'obtiens ce que je veux mais une marge apparait en dessous de chaque item sous IE6 et IE7. (J'ai vraiment pensé à virer toutes les margin et padding existant).
#menu {
height: 637px;
width: 83px;
font-size: 8pt;
}
.menulist{
width: 83px
}
li {
border: #000 1px solid;
height: 50px;
}
.menulist{
list-style-type: none;
}
.btpos{
position:relative;
}
.menulink{
display:block;
position:absolute;
bottom: 0;
width:100%;
text-align:center;
}
<ul class="menulist">
<li class="btpos"><a href="#" class="menulink">Lorem</a></li>
<li class="btpos"><a href="#" class="menulink">Ipsum</a></li>
<li class="btpos"><a href="#" class="menulink">Sit</a></li>
<li class="btpos"><a href="#" class="menulink">Dolor</a></li>
<li class="btpos"><a href="#" class="menulink">Amet</a></li>
</ul>
http://malmamathla.net/misc/tst.html <<< voila un exemple live