Hola,
Estoy mareado de darle vueltas al asunto... quiero conseguir que me respete el margen que le impongo de 5 px debajo de la imagen....
bueno asi lo vereis mejor:
esta es la seccion de la web donde esta el probema:
http://www.mindpanic.com/artistas/fi...ista.php?id=10
veis la imagen del artista... pues el div de debajo con el texto de prueba deberia estar separado 5px del marco de la imagen, pero no funciona... he probado de mil maneras.
bueno este es el codigo inplicado:
Código HTML:
#barracentro {
width: 163px;
float: left;
margin: 0px 5px 0px 0px;
top: auto;
}
#bio {
width: 441px;
float: left;
text-align: justify;
margin: 0px;
padding: 0px;
top: auto;
}
img.foto {
float:left;
background-color:#f5f7f9;
margin-bottom: 5px;
padding:5px 5px 10px 5px;
text-align: center;
border-top: #BE9FFD solid 1px;
border-left: #BE9FFD solid 1px;
border-right: #BE9FFD solid 2px;
border-bottom: #BE9FFD solid 2px;
}
.datosartista {
background-color: #E9E9E9;
padding:10px;
margin: 5px 0px 5px 0px;
border:1px solid #BE9FFD;
}
incluso poniendo un margin top a .datosartista no se separan... que pasara??
saludos