5568 sujets

Sémantique web et HTML

Bonjour !

Voila j'ai un petit probleme de hauteur de div.
Lorsque j'arrive sur ma page je fait une requete asynch pour obtenir une list de personne que je place sous cette forme :
<div id="malist" style="overflow:auto; height:150px;">
<div id="personne1">blablabla</div>
<div id="personne2">blablabla</div>
<div id="personne3">blablabla</div>
...
<div id="personneN">blablabla</div>
</div>


mon probleme est que si au premier coup ma liste est :

<div id="malist" style="overflow:auto; height:150px;">
<div id="personne1">blablabla</div>
</div>


lorsque je vais faire une recherche qui doit recharger ce div pour me donné la nouvelle list je ne vois qu'un seul resultat.
J'ai ajouté la possibilité de cliquer sur ces div pour les faires disparaitre, et bien quand on click on vois apparaitre le resultat suivant etc...

Bref j'ai bien l'impression que la taille de mon div ne change plus.

A oui et ca marche tres bien sous FF...

Merci d'avance !
je suis toujours preneur d'une solution, parce que mes utilisateurs son pas pressé de passer a Firefox Smiley langue

Thx !
Bon j'ai reussi a avancé un petit peu par moi meme, mais c'est toujours pas ca Smiley decu

j'ai remplacé mon code pour qu'il soit comme ceci :

<div style="overflow:auto; height:150px;">
<ul id="malist" style="list-style:none;">
<li id="personne1">blablabla</li>
<li id="personne2">blablabla</li>
<li id="personne3">blablabla</li>
...
<li id="personneN">blablabla</li>
</div>


maintenant cela fonctionne a peu pres, lorsque je recharge ce div, j'arrive a faire defiler tous le contenu, celui-ci n'est plus limité a la taille du premier chargement. Sauf que ma liste n'est pas aligné a gauche...

j'ai donc ajouté un margin:0; dans le style de ul, et la c'est le drame, j'ai bien la bonne mise en page, mais je me retrouve avec l'ancien probleme, mon div garde la taille (en contenu) du premier chargement Smiley decu
bon j'ai fini par en venir en parti a bout.
j'ai utilisé une commentaire conditionnel.

dans le cas de IE il me faut:

<div style="overflow:scroll; height:150px;">
<ul id="malist" style="list-style:none; margin:10;">


et pour le reste :

<div style="overflow:scroll; height:150px;">
<ul id="malist" style="list-style:none; margin:0; padding:0;">


bon j'aurai aimé mieux ca rend pas terrible, donc si vous vez d'autres idées je suis preneur !