¡Vale! hay algo que no entiendo, he conseguido solucionar el problema de mi anterior post añadiendo esto:
Código:
#columna_izq p
{
margin: 0px;
}
#columna_cen p
{
margin: 0px;
}
Lo que no entiendo es lo siguiente: Si yo había definido previamente esto:
Código:
#columna_izq
{
float: left;
width: 342px;
overflow: visible;
text-align: justify;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border: 0px;
padding: 0px;
}
#columna_cen
{
float: left;
width: 342px;
overflow: visible;
background: #FF0000;
text-align: justify;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border: 0px;
padding: 0px;
}
¿No se supone que según el concepto de herencia definir en <p> los valores que previamente habían sido definidos en el contenido de #columna_izq y #columna_cen (margin-top, -bottom, etc...) y teniendo en cuenta que <p> esta contenida en estas últimas no debería ser necesario? ¿por qué ocurre esto? ¿no funciona la herencia?