Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/10/2011, 03:46
Avatar de MarioAlejandroCR2
MarioAlejandroCR2
 
Fecha de Ingreso: mayo-2010
Ubicación: Esparza - Puntarenas
Mensajes: 98
Antigüedad: 14 años, 6 meses
Puntos: 2
Pregunta Div se sobrepone y no baja al agregar contenidos

Tengo un div de barra de fondo y uno de contenido dentro de el hay varios más pero el problema se da que no me baja el div de barra de fondo se me queda estatico, lo demás crece pero este div no baja con los demás: acá el código del div de fondo:
Código CSS:
Ver original
  1. .barabot {
  2.     -moz-border-radius: 0px 0px 5px 5px;
  3.     -webkit-border-radius: 0px 0px 5px 5px;
  4.     -ms-border-radius: 0px 0px 5px 5px;
  5.     -o-border-radius: 0px 0px 5px 5px;
  6.     background: -moz-linear-gradient(top, #CDCDCD, #B7B7B7);
  7.     background: -webkit-linear-gradient(top, #CDCDCD, #B7B7B7);
  8.     background: -o-linear-gradient(top, #CDCDCD, #B7B7B7);
  9.     background: -ms-linear-gradient(top, #CDCDCD, #B7B7B7);
  10. filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDCDCD', endColorstr='#B7B7B7');
  11.     height:20px;
  12.     width:700px;
  13.     position:absolute;
  14. }
Y por si acaso los de div generales, el del div central, contiene todas las noticias y demás
Código CSS:
Ver original
  1. .divadd {
  2.     /*Es uno de los estilos más importantes, su div de uso contiene la información mas relevante de la página*/
  3. width:500px;
  4.     background-color:#f0f0f0;
  5.     font-family:Arial, Helvetica, sans-serif;
  6.     text-align:justify;
  7.     color: #003a50;
  8.     margin:auto;
  9.     alignment-adjust:central;
  10.     padding-top:15px;
  11.     padding-bottom:15px;
  12.     line-height:20px;
  13.     position:relative;
  14.     margin-bottom:15px;
  15. }
Y el del div megageneral, contiene a div barra superior, div barra inferior (problema) div general (ver arriba), etc, todo menos banner y menú.
Código CSS:
Ver original
  1. .divgral {
  2.     /*Es uno de los estilos más importantes, es la parte principal izquierda dentro de el ira divadd*/
  3. width:700px;
  4.     background-color:#f0f0f0;
  5.     float:left;
  6.     font-family:"Century Gothic";
  7.     font-size:14px;
  8.     text-align:left;
  9. }

Acá por si no me logran entender una imágen del problema: