Foros del Web » Creando para Internet » CSS »

Duda con cajas flotantes

Estas en el tema de Duda con cajas flotantes en el foro de CSS en Foros del Web. Hola a todos, En primer lugar deciros que soy nueva en esto del diseño y espero que no os parezca una tontería mi pregunta. La ...
  #1 (permalink)  
Antiguo 07/02/2011, 10:35
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Duda con cajas flotantes

Hola a todos,
En primer lugar deciros que soy nueva en esto del diseño y espero que no os parezca una tontería mi pregunta.
La cosa esque estoy haciendo el diseño de mi página con cajas flotantes (me lo recomendaron, es lo más apropiado?)´
El problema es que el "height" de la div contenedora lo tengo que meter a mano porque sino cuando meto contenido el pie de página se me queda arriba. Y además tengo que crear un estilo diferente para cada pagina.
Creeís que es lo más recomendable? hay alguna forma para que el "height" se adapte al contenido a pesar de utilizar cajas flotantes?
Gracias de antemano!
  #2 (permalink)  
Antiguo 07/02/2011, 10:42
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Duda con cajas flotantes

Puedes buscar "pie siempre abajo" en este mismo foro. Te ofrecerá bastantes respuestas anteriores a tu pregunta.
  #3 (permalink)  
Antiguo 07/02/2011, 13:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Duda con cajas flotantes

Una caja o div en ausencia de medida declarada crecerá a medida que aumente su contenido.
Pero los elementos que hayan sido sacados del flujo del documento (como por ejemplo por declarar una posición fija o absoluta o tengan declarado un float distinto a none) por la naturaleza propia de esas propiedades no harán crecer a su contenedor padre de forma automática.
Para anular ese efecto, hay variadas formas de "limpiar el float"
Desde el sencillo overflow, pasando por añadir un elemento de corte (clear: both) a otras más complejas.
La más indicada depende de cada situación concreta.

P.D.: debería pedir a la moderación del foro que traslade su pregunta al foro de css. Utilice el icono de la izquierda.
  #4 (permalink)  
Antiguo 09/02/2011, 03:36
 
Fecha de Ingreso: enero-2011
Mensajes: 158
Antigüedad: 6 años, 10 meses
Puntos: 2
Respuesta: Duda con cajas flotantes

Cita:
Iniciado por sanxuan Ver Mensaje
Puedes buscar "pie siempre abajo" en este mismo foro. Te ofrecerá bastantes respuestas anteriores a tu pregunta.
  #5 (permalink)  
Antiguo 10/02/2011, 01:32
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola, begonia

Muevo tu tema al foro de CSS desde Competencias CSS.

Saludos,
  #6 (permalink)  
Antiguo 10/02/2011, 09:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Duda con cajas flotantes

Cita:
Iniciado por MACvsWINDOWS Ver Mensaje
Cita:
Iniciado por sanxuan
Puedes buscar "pie siempre abajo" en este mismo foro. Te ofrecerá bastantes respuestas anteriores a tu pregunta.
Fíjese en lo resaltado:
Cita:
Iniciado por begonia Ver Mensaje
Hola a todos,
En primer lugar deciros que soy nueva en esto del diseño y espero que no os parezca una tontería mi pregunta.
La cosa esque estoy haciendo el diseño de mi página con cajas flotantes (me lo recomendaron, es lo más apropiado?)´
El problema es que el "height" de la div contenedora lo tengo que meter a mano porque sino cuando meto contenido el pie de página se me queda arriba. Y además tengo que crear un estilo diferente para cada pagina.
Creeís que es lo más recomendable? hay alguna forma para que el "height" se adapte al contenido a pesar de utilizar cajas flotantes?
Gracias de antemano!
La estructura conocida como "pie abajo" es sólo a efectos ornamentales:
Consiste en forzar la posición del pie a la parte inferior de la pantalla. Pensada para las ocasiones de muy poco contenido. No hay un solapamiento de cajas que corregir. Todo está en su sitio, símplemente se busca bajar un poco más un div.

En la consulta sí hay un problema estructural y de malfuncionamiento: el pie se solapa con unos elementos flotados contenidos en otro div, porque éste último no crece y por lo tanto no lo fuerza a posicionarse después de él. Con independencia de su contenido.
De ahí que la desaparecida consultante tenga que declararle a mano una altura.

No dudo que quizás al utilizar alguna de las propiedades que hacen posible el pie abajo se logre el objetivo, pero no es la opción más indicada para subsanar el problema.
Me reafirmo en mi propuesta de que la solucción pasa por utilizar alguna de las técnicas para limpiar los floats.
  #7 (permalink)  
Antiguo 10/02/2011, 10:30
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Duda con cajas flotantes

Hola, en primer lugar siento no haber colocado bien el tema, esque soy nueva en esto.
Muchas gracias, nosé si lo estoy haciendo mal... en el pie le pongo clear:both, y ando ajustando a mano.
  #8 (permalink)  
Antiguo 10/02/2011, 10:38
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Duda con cajas flotantes

Ponga un enlace a esa página del problema, o en última instancia los códigos implicados, tanto el css como el html generado por el navegador (no el programado si usa algún lenguaje tipo php).
Mientras pruebe a añadir /overflow: hidden;/ sin las barras / / a la caja que contiene a los flotados, y sin declararle altura.

Etiquetas: cajas, flotantes
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 00:40.