Ver Mensaje Individual
  #6 (permalink)  
Antiguo 05/06/2008, 01:32
cehojac
 
Fecha de Ingreso: marzo-2008
Mensajes: 342
Antigüedad: 16 años, 1 mes
Puntos: 4
Respuesta: Ayuda con Capas... colocar en una línea 2 divs

Cita:
Iniciado por Mikmoro Ver Mensaje
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