Il faut savoir que le html a une principale qualité, c'est qu'on peut facilement analyser où ça bug visuellement. En lisant ton topic, je me suis dit que tu n'es pas très habitué à faire des tests. Si tu avais mis un background-color de ta div, tu aurais pu voir qu'elle ne prend pas toute la hauteur ^^.
1) je veux avoir une div avec une w 100% et une h 100%
-
Il me faudrait enlever les marges et padding indésirables
margin : 0; padding : 0
-
Je dois déclarer les éléments parents qui sont au dessus de ma div ( html > body > div > ul > li)
html{width: 100%; height : 100%}
/!\ il faudra renseigner height 100% dans chaque balise html>body>div>ul. Cette propriété ne s'hérite pas
Si tu as bien enlever toutes les marge indésirable, tes li devrait remplir toute la page
2) :'( je veux que ça soit bien centré
Tu faisais référence au vertical-align middle. C'est très intéressant quand tu as 1 élément mais là tu as trois li :/. Je ne pense pas que ça soit la bonne solution. On va pouvoir parler de la 2eme méthode :D => les positions :D
<style>
*{margin:0; padding:0}
li{position:absolute;
width:500px;
left:50%;
margin-Left:-250px;
padding:0;
background:grey;
height:100px;}
.fi {top:0}
.mi {top:50%;margin-top:-50px;}
.la {bottom:0;}
</style>
<div>
<ul>
<li class="fi">1</li>
<li class="mi">2</li>
<li class="la">3</li>
</ul>
</div>/!\ ça bug un chouya avec les tailles en %
A toi de faire ton choix, les marges ou les positions ;)
++