sobre divs flotantes y/o posiciones absolutas

[mariadelro]

Tengo un sitio con tres columnas. Pongo flotantes la de la derecha y la de la izquierda, esperando que la tercera se posicione al centro pero la pone en la parte de abajo. asi está la css:

#bloque1{/*menu auxiliar*/
width:170px;
float: right;
}

#bloque2{ /*capsulas angostas*/
width:170px;
}

#bloque3{/*destacado y noticias*/
float: left;
width:380px;
}

Intenté con posiciones absolutas pero el div que las contiene a las tres no crece. Alguien tiene idea de cómo resolverlo?

[Fuzzylog]

puede que colocando algún clear estratéticamente y proporcionando un height auto o width auto al div contenedor dependiendo de si quieres que crezca horizontal o verticalmente.

[sublime_style]

Proba poniendole (agregandole) a los 3 bloques

Código:

display:inline;

y yo le pondria a los 3

Código:

float:left;

Código:

#bloque1{/*menu auxiliar*/
display:inline;
width:170px;
float: left;
}

#bloque2{ /*capsulas angostas*/
display:inline;
width:170px;
float:left;
}

#bloque3{/*destacado y noticias*/
display:inline;
float: left;
width:380px;
}

[daPhyre]

Creo que intentas algo así: http://cssya.com.ar/temarios/descripcion.php?cod=43

El código de las columnas que me da es este:

Código:

#columna1
{
  float:left;
  width:200px;
  margin:0;
  padding:1em;
}
#columna2
{
  margin-left:210px;
  margin-right:230px;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  padding:1em;
}
#columna3
{
  float:right;
  width:200px;
  margin:0;
  padding:1em;
}

Suerte

[Mikmoro]

Con tu código lo tienes casi bien, pero otra cosa es cómo pones el html. Si pones esto:

<div id="bloque1"></div>
<div id="bloque3"></div>
<div id="bloque2"></div>

y ahora el css:

#bloque1{float: right;
width:170px;
}
#bloque3{float: left;
width:380px;
}
#bloque2{ }

El bloque 2 deberá ocupar todo el espacio restante entre los bloques 1 y 3

EDITO: otro cabezazo con DaPhyre

[mariadelro]

Mil gracias, con esas indicaciones quedo resuelto.
Saludos
maria