Pb imbrication div

Bonjour,
je ne sais pas pour quoi mais je me retrouve sauvant avec des div qui sorte de la div principal.

.alertes {
    width: 300px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cdeaf5;
    padding-top: 10px;
    font-size: 12px;
}
.alertes_titre {
    font-weight: bold;
    width: 100px;
    float: left;
}
.alertes_ctbp {
    color: #000000;
    width: 190px;
    float: right;
}

<div class="alertes">
    <div class="alertes_titre">ALERTES</div >
    
    <div  class="alertes_ctbp">plus d'infos ici</div >
    
</div>

Hello...

Tu aurais une page en ligne ou un exemple pour illustrer?

Là, à vue de nez, je pencherais pour un dépassement de flottants.

dsl, je n'ai rien a montrer pour le moment je commence seulement a coder la page en question et dés le début je suis coincé par ce pb
Modifié par christobal (06 Oct 2010 - 12:17)

Bonjour,

Je confirme le diagnostique : il s'agit d'un cas typique de dépassement des flottants.

j'ai testé la technique du hr comme montré dans l'exemple, mais sous IE même s'il ne se voie pas cela augmente la marge du bas.

Personnellement, je préfère le overflow appliqué au parent.

Serait-il possible de voir ce que tu as testé ?

Une page en ligne serait plus simple à analyser.

Essais ca:

<div class="alertes"> 
    <div class="alertes_titre">ALERTES</div > 
     
    <div  class="alertes_ctbp">plus d'infos ici</div > 
    <div style="clear:both"></div >
</div>

Dsl d'avoir tardé a répondre, en effet ce dernier exemple semble et nikel.
Je l'appliquerais en remplacement de se que j'ai fait quand j'aurais fini le dev.

merci de l'aide