[SOLUCIONADO] Color de fondo div

[RaulCDT]

No entiendo ni consigo saber porque no se pone el color blanco en todo mi div...

Código CSS:

.cm_web {
    width: 995px;
    height: auto;
    margin: 0 auto;
    clear: both;
}
.organiza {
    background: #FFF;
    height: 100px;
    text-align: center;
    width: 995px;
}
 
#organiza{
margin-bottom: 20px;
}
 
#organiza h2{
margin: 0 10px 30px 10px;
}
 
#organiza .event {
   float: left;
   width: 450px;
   padding: 0 5px 5px 5px;
   margin: 0 5px 5px 5px;
}
 
#organiza .event img {
   float: left;
   margin-right: 10px;
}
 

Y el div

Código HTML:

<div id="organiza" class="cm_web">
<h2>Info detallada fiestas de hoy</h2>
 
<div class="event">
<a href="#"><img src="img/evento.jpg" width="120" height="120" class="logo fromdb rounded-3 photo" /></a>
    <h2><a style="text-decoration:none;" href="#">Organiza tu evento</a></h2>
    <p style="text-align: justify;"><span>textotextotextotextotextotextotextotexto texto texto texto texto texto texto texto texto texto texto textotextotextotexto textotexto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto&hellip;<span class="seemorelnk" data-href="#"> [Ver más]</span></span></div>
    
<div class="event">
<a href="#"><img src="img/evento.jpg" width="120" height="120" class="logo fromdb rounded-3 photo" /></a>
    <h2><a style="text-decoration:none;" href="#">Organiza tu evento</a></h2><p style="text-align: justify;">textotextotextotextotextotextotextotexto texto texto texto texto texto texto texto texto texto texto textotextotextotexto textotexto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto&hellip;<span class="seemorelnk" data-href="#"> [Ver más]</span></div>
    
    <div class="event"><a href="#"><img src="img/evento.jpg" width="120" height="120" class="logo fromdb rounded-3 photo" /></a>
    <h2><a style="text-decoration:none;" href="#">Organiza tu evento</a></h2><p style="text-align: justify;">textotextotextotextotextotextotextotexto texto texto texto texto texto texto texto texto texto texto textotextotextotexto textotexto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto&hellip;<span class="seemorelnk" data-href="#"> [Ver más]</span></div>   
     
<div class="event">
<a href="#"><img src="img/evento.jpg" width="120" height="120" class="logo fromdb rounded-3 photo" /></a>
    <h2><a style="text-decoration:none;" href="#">Organiza tu evento</a></h2><p style="text-align: justify;">textotextotextotextotextotextotextotexto texto texto texto texto texto texto texto texto texto texto textotextotextotexto textotexto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto&hellip;<span class="seemorelnk" data-href="#"> [Ver más]</span></div>    
    </div>
 

[vick90]

Este es el error:

Código CSS:

.organiza {
    background: #FFF;
    height: 100px;
    text-align: center;
    width: 995px;
}
 

Cambialo por

Código CSS:

#organiza {
    background: #FFF;
    height: 100px;
    text-align: center;
    width: 995px;
}
 

[RaulCDT]

No lo cubre por completo.. cubre los 100px de height pero si pongo auto tampoco cubre todo..tendría que poner 500 px

Aqui creo que puedes ver el resultado

[URL="http://jsbin.com/qugad/10/edit"]http://jsbin.com/qugad/10/edit[/URL]
[URL="http://jsbin.com/qugad/10"]http://jsbin.com/qugad/10[/URL]

[Crazylegs]

Si flotas elementos dentro del div para que no se salgan de este debes poner overflow:hidden:

Código CSS:

#organiza{
    background:#fff;
    overflow:hidden;
}