Foros del Web » Creando para Internet » CSS »

div que se "sobrepone" a otro div

Estas en el tema de div que se "sobrepone" a otro div en el foro de CSS en Foros del Web. Hola gente: Tengo un problemon que me tiene arto y no puedo solucionar. Tengo 4 capas que trabajan de esta forma: A- capa que funciona ...
  #1 (permalink)  
Antiguo 14/12/2005, 13:37
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
div que se "sobrepone" a otro div

Hola gente:
Tengo un problemon que me tiene arto y no puedo solucionar.

Tengo 4 capas que trabajan de esta forma:

A- capa que funciona como contenedor de "B" y "C"
B- capa donde se muestra el contenido
C- capa donde se muestran los enlaces, situada a la derecha (float:right)
D- capa que funciona como pie de pagina (esta debajo de "A").

El problema es que la capa "flotante" C, cuando tiene mucho contenido se sobrepone a la "D"...
Aca dejo una imagen con el problema y el CSS que estoy utilizando:


*fijense a la derecha que la "publicidad" se mescla con el texto de la barra horizontal naranja (pie de pagina).

Código:
/* capa contenedora (A) */
#tbl_middle { width:100%; margin: 10 10 10 0; }

/* capa de contenido (B) */
#tbl_content { padding: 0 0 0 10; }

/* capa de links flotante (C) */
#tbl_publi { width:200px; float:right; height:300; border-left:1px dotted #F56E00; padding:0 10 0 10; }

/* capa pie de pagina (D) */
#tbl_bottom { 
  width:100%; height:29; 
  background-image: url('../img/bottom_repeat.png'); background-repeat: repeat-x;
  color:#FFFFFF; padding: 6 0 0 0; clear: both;
}
Bueno, espero que puedan darme una mano...
__________________
I Love Programming...
  #2 (permalink)  
Antiguo 14/12/2005, 13:41
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
Me olvide decir que el problema se ve solo en navegadores != a Internet Explorer... (en la image se esta viendo Firefox)
__________________
I Love Programming...
  #3 (permalink)  
Antiguo 26/08/2006, 07:12
Avatar de Seixas  
Fecha de Ingreso: mayo-2004
Ubicación: Barcelona
Mensajes: 60
Antigüedad: 13 años, 7 meses
Puntos: 0
Pregunta Me pasa igual

Tengo el mismo problema, y estoy buscando alguna forma para solucionarlo.

Se me ha ocurrido crear una función con javascript que mire la altura de las capas, y que asigna la altura mayor a la capa contenedora (En el ejemplo dado la capa A). Lo que pasa que creo que esta solución es demasiado "complicada", y me imagino que tiene que haber una solución más fácil.

Supongo que el problema se debe a que al ser la capa flotante la capa contenedora no la entiende como contenido de la misma. Usar capas flotantes es algo muy normal, así que supongo que tiene que haber una solución más sencilla que el javascript. ¿Alguien la sabe?

¡Gracias!
  #4 (permalink)  
Antiguo 26/08/2006, 07:31
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
porbá con clear:both... agregá esto:
Cita:
<br style="clear:both"/>
justo antes de la etiqueta de cierre de la capa contenedora..
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 26/08/2006, 07:41
Avatar de Seixas  
Fecha de Ingreso: mayo-2004
Ubicación: Barcelona
Mensajes: 60
Antigüedad: 13 años, 7 meses
Puntos: 0
Correcto webosiris funciona. ¡Muchas gracias!

También he encontrado otra solución que parece que funciona de la misma manera: poniendo overflow: hidden; en la capa contenedora.
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:51.