flotteur CSS et positionnement pagination

Question

J'ai le balisage suivant

<div id="hearingSummary"> 
    <table class="minitable"> 
     ... content removed for brevity 
    </table> 

    <div> 
     <div class="pagination"> 
      <span class="paginationLeft">left text</span> 
      <span class="paginationRight">right text</span> 
     </div> 
    </div> 
</div> 

Classes .paginationLeft et .paginationRight ont le CSS suivant associé

.paginationLeft 
{ 
    float:left; 
} 

.paginationRight 
{ 
    float: right; 
} 

Je souhaite positionner absolument la DIV qui contient l'élément de pagination être toujours au fond de son conteneur, donc je l'ai changé à

<div style="position:absolute; bottom: 3px;"> 
    <div class="pagination"> 
     <span class="paginationLeft">left text</span> 
     <span class="paginationRight">right text</span> 
    </div> 
</div> 

Mais les éléments SPAN ne flottent plus comme spécifié dans les classes CSS. Quelle est la meilleure façon de résoudre cela?

Answer 1

Vous devez donner à votre élément positionné en absolu une largeur.