div intérieur div - problème largeur

J'ai un div dans un autre div comme ceci:div intérieur div - problème largeur

<div class="navigation"> <!-- this div must be a single row --> 

    <div class="navigationButtons"> 
    </div> 

    <div class="feedback"> 
<div id="screenInfo" class="screenInfo"> 
    PAGE_NUMBER_CANNOT_BE_LESS_THAN_ONE 
</div> 
    </div> 

    <div class="pagination"> 
    </div> 

</div>

classes CSS

div.navigation { height: 25px; } 
div.navigation div.navigationButtons { width: 13%; float: left; } 
div.navigation div.feedback{ margin-left: 15%; margin-right: 12em; overflow: hidden; } 
div.navigation div.paging { float: right; margin-right: 0.5em; width: 11em; } 
div.screenInfo { border-bottom:1px solid #FFDBBD; border-top:1px solid #FFDBBD; margin:0em 0em 1em; width:71.8em; }

Ici "screeninfo" a une largeur de 71.8em mais je veux « commentaires "pour remplir la largeur disponible entre les marges (qui pourrait être inférieure à 71,8).
Mais même après avoir défini le débordement comme caché, je ne suis pas en mesure d'obtenir le div "navigation" dans une seule ligne.

Merci d'avance.

Source

2011-01-03 kanap008

overflow:hidden crée un nouveau contexte de mise en forme, ce qui signifie que votre div tiendra entre les éléments flottants.

Vous pouvez donc supprimer les marges pour div.feedback.

Source

2011-01-03 06:57:43 MatTheCat

J'ai supprimé les marges de div.feedback mais la largeur de l'élément div.feedback dépasse toujours l'espace disponible et je ne reçois pas la div entière en une seule ligne. – kanap008

div intérieur div - problème largeur

Répondre

Questions connexes