Cita:
Iniciado por Mikmoro No, no, perdón. Debes poner:
.foto img {float: left;}
No había leido bien tu código.
Mikel.
Hola mikel muchas gracias por tu ayuda. de momento con el float en la imagen sale asi:
+---middle-------------+
| [foto]umen] |
+------------------------+
en otras palabras, resumen se pone debajo de foto. ademas fuera hay un div inferior que se ha descuadrado. mando el código completo mejor
Código PHP:
<body>
<div class="contenedor_principal">
<div class="contenedor_central">
<div class="cabecera">
<div class="google_adsense">
contenido...
</div>
<div class="menu">
contenido...
</div>
</div>
<div class="cuerpo">
<div class="sup">
</div>
<div class="middle">
<? //aqui va contenido central //?>
<div class="foto">
<img... >
<div>
<div class="resumen">
contenido... </div>
<? //fin de contenido central // ?>
</div>
<div class="down">
</div>
</div>
</div>
</div>
<div class="publi">
contenido...
</div>
</body>
y aqui el css completo:
Código PHP:
body{
padding:0 0 0 0;
border-spacing:0px;
border-top:0px;
border-style:none;
background-color:#CCCCCC;}
.contenedor_principal
{
width:100%;
padding:0 0 0 0;
height:100%;
}
.contenedor_central
{
position:static;
top:auto;
width:800px;
margin:0 auto;
}
.cabecera
{
width:800px;
height:251px;
background-image:url(../imagenes/cabecera.png);
background-repeat:no-repeat;
}
.google_adsense
{
width:480px;
height:60px;
padding-top:130px;
padding-left:60px;
}
.menu{
padding-top:30px;
margin-left:0px;
padding-left:15px;
}
.cuerpo{
padding-top:15px;
padding-bottom:0px;
width:800px;
background-color:trasparent;}
.sup
{
width:800px;
height:15px;
background-image:url(../imagenes/sup.gif);
background-repeat:no-repeat;
}
.middle
{
width:800px;
background-color:#00A1DB;
}
.foto{
padding:0px;
width:193px;
height:303px;
}
.foto img{
float:left;
}
.resumen{
stress:inherit;
padding-left:15px;
padding-top:15px;
width:580px;
height:320px;
background-image:url(../imagenes/minifondo.png);
background-repeat:no-repeat;}
.down{
width:800px;
height:15px;
background-image:url(../imagenes/down.gif);
background-repeat:no-repeat;}
.publi{
padding-top:20px;
position:static;
width:480px;
top:auto;
margin:0 auto;
}
Muchas Gracias