Discussion :

[eric95]

Bonjour

j'utilise un script pour afficher un accordion (script de jQuery),
avec des div :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="wrapper" class="accordion">
   <a>aaa</a>
   <div>aaaaaaa</div>
   <a>bbb</a>
   <div>bbbbbbb</div>
</div>

je voudrais que le div non selectionné soit toujourd en bas de la page alors que dans mon cas le div prend seulement ça hauteur et non la hauteur de la page, j'ai tester avec vertical-align:bottom sur le deuxième div ça ne marche pas !!

avez-vous une idée ?

en gros comment afficher un <div> en bas de la page

[Macmillenium]

Bonjour,

vertical-align s'applique aux éléments inline et table-cell.

Tu devrais plutôt positionner la DIV sélectionnée en absolue, par exemple :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
/* On positionne le conteneur parent */
#wrapper { position:relative; }
 
/* On positionne le bloc sélectionné en absolue */
.selected {
    position:absolute;
    left:0; bottom:0;
}

Tu pourrais éventuellement prévoir sur #wrapper un padding-bottom = hauteur de la DIV sélectionnée.

[eric95]

merci Macmillenium pour t'a reponse, mais le position:absolute; n'est pas possible dans ce cas il faut que ça reste des div qui bouge en quel que sorte
c'est pour simuler un accrodeon

le premier div sera ouvert affiché en haut de la page , les autre en bas quand on click sur un menu il monte en haut , ça marche trés bien avec le script de jQuery mais le premier div prend en hauteur que ce qu'il y'a dedant c'est normal du coup le deuxième div viens s'afficher juste aprés et pas en bas de la page

j'ai pensé à mettre un height: 80% par exemple sur le premier <div> mais ce qui est bizart ce que cette hauteur change d'un ecran à un autre sur mon pc il afficher l'accordeon sans scrolbar , sur un autre ecran il affiche le scrollbar et c'est moche