2011-03-22 7 views
0

Hé les gars. Im mettre une position: absolue à mon UL pour le faire apparaître sur le fond de div #destaques, mais ne fonctionne pas. Que se passe-t-il?CSS: Problème de position

<div id="destaques"> 
<ul>//stuff</ul> 
<div class="banner"><img src="images/001.jpg"/></div> 
<div class="banner"><img src="images/002.jpg"/></div> 
<div class="banner"><img src="images/003.jpg"/></div> 
<div class="banner"><img src="images/004.jpg"/></div> 
</div> 

Apparaît actuellement en bas de la page.

 #destaques { 
      margin:0; 
      padding:0; 
      width:1000px; 
      height:250px; 
      float:left; 
      overflow:hidden; 
     } 

     #destaques .banner { 
      position:absolute; 
     } 

     #destaques ul { 
      float:left; 
      border:1px solid #777; 
      background:#fff; 
      position:absolute; 
      margin:0; 
      color:#333; 
      padding:0; 
      right:0px; 
     } 

Qu'est-ce qui ne va pas?

Merci!

+0

Vous devriez lire sur CSS mise en page un peu plus. Il n'y a absolument aucune raison de donner 'float' et' position: absolute' au même élément. – Jon

+0

Est-ce la question? –

+0

J'ai trouvé ma réponse. Je dois juste configurer l'identifiant des destaques à positionner: relatif. Merci à tous. –

Répondre

3

Vous devez ajouter:

position:relative; 

à vos #destaques div

+0

Les conteneurs positionnés de manière relative contiendront à l'intérieur des éléments positionnés en absolu qui sont contenus dans ses étiquettes. – ckaufman