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...