Foros del Web » Creando para Internet » CSS »

sobre divs flotantes y/o posiciones absolutas

Estas en el tema de sobre divs flotantes y/o posiciones absolutas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/11/2008, 09:55
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 1
sobre divs flotantes y/o posiciones absolutas

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?
  #2 (permalink)  
Antiguo 13/11/2008, 10:11
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.338
Antigüedad: 9 años, 3 meses
Puntos: 169
Respuesta: sobre divs flotantes y/o posiciones absolutas

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.
  #3 (permalink)  
Antiguo 13/11/2008, 10:16
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: sobre divs flotantes y/o posiciones absolutas

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;
}
  #4 (permalink)  
Antiguo 13/11/2008, 10:44
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: sobre divs flotantes y/o posiciones absolutas

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 13/11/2008, 10:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: sobre divs flotantes y/o posiciones absolutas

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
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 13/11/2008, 14:08
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: sobre divs flotantes y/o posiciones absolutas

Mil gracias, con esas indicaciones quedo resuelto.
Saludos
maria
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:55.