Funciona!!!
El tema es que no entiendo exactamente porqué funciona.....
No tienen por ahi algun tutorial bueno de posicionamiento, porque aun me confundo en el uso de positioning, clear, float, etc....
Saludetes...
PD: Les agrego el codigo que hice:
Código HTML:
<body>
<div id="contenedor">
<div style="clear:both">
<div id="content1">
<div id="img1"></div>
<div id="txt1">
<h3>Título</h3>
<p>Texto Texto Texto</p>
</div>
</div>
</div>
<div style="clear:both">
<div id="content2">
<div id="img2"></div>
<div id="txt2">
<h3>Título</h3>
<p>Texto Texto Texto</p>
</div>
</div>
</div>
<div style="clear:both">
<div id="content3">
<div id="img3"></div>
<div id="txt3">
<h3>Título</h3>
<p>Texto Texto Texto</p>
</div>
</div>
</div>
</div>
</body>
Y la hoja de estilos:
Código HTML:
#contenedor {
background-color: #FFFFFF;
width: 760px;
}
#content1 #img1 {
background-image: url(images/interior/buenosaires/laboca.jpg);
height: 163px;
width: 234px;
float: left;
}
#content2 #img2 {
background-image: url(images/interior/buenosaires/tango.jpg);
height: 237px;
width: 192px;
float: right;
}
#content3 #img3 {
background-image: url(images/interior/buenosaires/centro.jpg);
height: 139px;
width: 177px;
float: left;
}