Buenas a todos!
Me pasa lo siguiente. Tengo un div para poner texto, abajo de este y pegado tengo el div CONTENIDO donde ira todo el contenido de la pagina.
La cuestion es la siguiente, tengo una imagen en el contenido de la pagina que al ponerle un float, el div CONTENIDO se me separa unos 20px del div del texto.
Puedo hacerle un margen negativo al div CONTENIDO pero no me parece prolijo. aca dejo los codigos
Código HTML:
<div id="menu">
<ul>
<li><a href="trayectoria.html">Trayectoria</a></li>
<li><a href="director.html">Director</a></li>
<li><a href="integrantes.html">Integrantes</a></li>
<li><a href="agenda.html">Agenda</a></li>
<li><a href="discografia.html">Discografía</a></li>
<li><a href="galeria.html">Galería</a></li>
</ul>
<div id="social"><a href="#"><img src="img/ico/facebook-icon.png" style="border:0px; margin-right:12px;"></a><a href="#"><img src="img/ico/youtube-icon.png" style="border:0px;"></a></div>
</div>
<div id="explicacion">
</div>
<div id="contenido">
<div class="detalles_cd">
<img src="img/Discos/cd_disco1.png">
<ol class="lista_temas">
<li>Triunfal <span class="autor">Astor Piazzola</span></li>
<li>Zamba de mi esperanza <span class="autor">L. Morales</span></li>
<li>Chacarera del expediente <span class="autor">G. Leguizamón</span></li>
<li>Sweet georgia brown <span class="autor">M. Pinkard / K. Casey</span></li>
<li>Misty <span class="autor">E. Garner / J. Burke</span></li>
<li>Lata d'agua <span class="autor">L. Antonio / J. Junior</span></li>
<li>De barro y trigo <span class="autor">E. Ferraudi - Ediciones GCC</span></li>
<li>A nightingale sang in berkeley square <span class="autor">P. Matson / Sherwin</span></li>
<li>These foolish things <span class="autor">H. Marvell / J. Strachey / H. Link</span></li>
<li>Fina estampa <span class="autor">Ch. Granda</span></li>
<li>Las cosas de al lao <span class="autor">M. Larrosa / J. Canet</span></li>
<li>Durazno y convención <span class="autor">J. Ross</span></li>
<li>Me contaron que bajo el asfalto <span class="autor">H. Fontova / J. Teszkiewicz</span></li>
</ol>
</div>
</div>
El div que se me mueve para abajo cuando le pongo el float es el CONTENIDO
el css es el siguiente:
Código:
#contenido{
background-color:#CFCAB6;
width:980px;
min-height:700px;
border:1px solid;
border-bottom: 0px;
border-top: 0px;
}
#explicacion{
height:150px;
border:1px solid black;
width:980px;
background-image: url(img/bg_px3.png);
color:#b2ddc9;
text-align:center;
}
Dejo una imagen para que se entienda mejor!
La imagen redonda es a la que le pongo el float!
Saludos y gracias