Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/02/2016, 12:03
tiranium
 
Fecha de Ingreso: julio-2002
Mensajes: 62
Antigüedad: 22 años, 4 meses
Puntos: 0
div no expande todo el width

Hola me gustaría que me echarais un cable. Tengo unos divs y el contenido de dentro no se expande todo el width (en este caso es un <p>) lo he intentado todo y no se dar con la tecla, podeis echarme un cable?

aqui teneis un ejemplo:
https://jsfiddle.net/tiranium/e8w22j39/



HTML
Código HTML:
<div class="ficha_container">
	<div class="ficha_row">
                   <div class="ficha_cell">
		<h1>Financiación</h1>
<p>No hay datos registrados para este apartado.</p> 


</div></div></div> 
CSS
Código HTML:
.ficha_container{
display:table;  
margin: 25px auto;
margin-left: 30px;
margin-right: 30px;

background-color: #F7F7F7;
border-radius: 10px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
overflow: hidden;

display: block;
	

}
.ficha_row{
display:table-row;
}

.ficha_cell{
display: table-cell;
padding: 15px;
}
.ficha_cell p{
background: pink;
text-align: center;

}
Solo consigo hacerlo con min-width: npx pero no me interesa hacerlo con medidas fijas.

gracias!!
__________________
Si te he sido de utilidad, valora mi aportación.