Autor
Pongo el código y ahora me explico:
Código:
<html>
<style>
img{
widht:100px;
height:100px;
}
div#fondo{
margin:auto;
margin-top:5px;
width:465px;
height:auto;
background-color:yellow;
}
div#abc{
margin-left:10px;
float:null;
}
</style>
<div id="fondo">
<div id="abc">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
<img src="http://www.enbolivia.com/files/imagen_corporativa.jpg">
</div>
</div>
</html>
La cosa es que todo sale bien, las imágenes pequeñitas, en fila y columnas y el fondo amarillo, pero el problema viene cuando quiero cambiar el valor de "float:null;" a "float:left;", al hacer esto, el fondo amarillo desaparece por completo, y necesito que esté en left y se vea el fondo amarillo, para otro código diferente a este.
PD: Poniendo el "height" del "div#fondo" en cualquier numero se ve, pero necesito que sea "auto", ya que a veces habrá mas imágenes y otras veces habrá menos.
Espero que me podáis ayudar.
Saludos.
En línea
- 
