Problema con float

mariomon17 · #1 (**permalink**) 02/10/2010, 17:02

Hola a todos, mi problema es el siguiente:
quiero hacer una "ficha" con distintos div, la parte superior de la ficha esta dividida en dos "columnas", izquierda div con la imagen y derecha dos div (entre los dos mismo height que el de la izquierda), eso lo hago con float.
Despues viene todo a tamaño, widht, entero pero eso se pone debajo de los otros divs y no se ven, pero el texto si y se superpone.

Código HTML:

Ver original<body>
  <div class="global">
  <div class="imagen"></div>
  <div class="superior">oferta</div>
  <div class="nombre">NUTRON FERRO</div>
  <div class="medio">Mrio</div>
  <div class="contenido">Descripcion</div>
  <div class="pie"></div>
</div>
</body>

Código CSS:

Ver originaldiv.global {
    width: 220px;
    background-color:#09F;
    height: 195px;
}
 
div.imagen {
    float: left;
    width: 100px;
    background-color:#9F0;
    height: 80px;
}
 
div.medio {
    width: 220px;
    height: 20px;
    background-color: #FF3;
}
 
div.superior {
    width: 120px;
    float: right;
    height: 20px;
    background-color:#0F3;
}
 
div.nombre {
    width: 120px;
    float: right;
    height: 60px;
    background-color: #669;
}
 
div.contenido {
    width: 220px;
    height: 85px;
    background-color: #F60;
}
 
div.pie {
    width: 220px;
    height: 10px;
    background-color: #F90;
}

Prueben el codigo y veran lo que ocurre, ¿como lo soluciono?
Gracias.

joseomaker · #2 (**permalink**) 02/10/2010, 17:15

pues para que un div flote en el medio tenes que ponerle

Código CSS:

Ver originalfloat: left;

y flotara a la derecha del div de la izquierda.

mariomon17 · #3 (**permalink**) 02/10/2010, 17:30

en fin... como siempre una chorrada! jaja
y yo comiendome el coco.

Muchas gracias, añadidas por la rapidez!

joseomaker · #4 (**permalink**) 02/10/2010, 21:14

gracias por el karma :p

mariomon17 · #5 (**permalink**) 03/10/2010, 10:38

Tengo un problema similar:
http://www.forosdelweb.com/f53/otro-...-float-847348/