Foros del Web » Creando para Internet » CSS »

contenido de tres divs

Estas en el tema de contenido de tres divs en el foro de CSS en Foros del Web. Hola, resulta que estoy haciendo un bloque, el cual costa de 3 partes la parte de arriba, la de el medio(que es donde iria el ...
  #1 (permalink)  
Antiguo 13/07/2011, 12:30
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 7 años, 10 meses
Puntos: 6
contenido de tres divs

Hola, resulta que estoy haciendo un bloque, el cual costa de 3 partes la parte de arriba, la de el medio(que es donde iria el contenido) y la de abajo, pero el problema viene, cuando escribo algo en el medio, se me apartan las 3 partes, cuando solo hay una linea no pasa nada, pero cuando escribo algo mas de 2 lineas, se descompone:



Codigo:

Código CSS:
Ver original
  1. #contenedor {
  2.   text-align:left; /*Resetear el alineamiento a la izquierda, recuerden que lo centramos para IE5*/
  3.   width: 975px ; /*Esto deberia ser lo mismo que el min-width del body*/
  4. /*Colocando los margenes auto centrará todo el contenedor en el body*/
  5.   margin-left: auto ;
  6.   margin-right: auto ;
  7.   margin-top: 30px;
  8. }
  9.  
  10. #contenido_a {
  11.     background-image:url(imagenes/contenido_fondo/contenido_a.gif);
  12.     height: 14px;
  13. }
  14.  
  15. #contenido_b {
  16.     background-image:url(imagenes/contenido_fondo/contenido_b.gif);
  17.     background-repeat: repeat-y;
  18. }
  19.  
  20. #contenido_c {
  21.     background-image:url(imagenes/contenido_fondo/contenido_c.gif);
  22.     height: 7px;
  23. }


Código HTML:
Ver original
  1. <div id="contenedor">
  2. <div id="contenido_a"></div>
  3. <div id="contenido_b">
  4.   <p>AQUI CONTENIDO</p>
  5.   <p>abc</p>
  6.   <p>abc</p>
  7.   <p>abc</p>
  8.   <p>abc</p>
  9.   <p>dfg</p>
  10.   <p>ddd</p>
  11.   <p>dd</p>
  12.   <p>ff</p>
  13. </div>
  14. <div id="contenido_c"></div>
  15. </div>

y quisiera saber como solucionarlo.
  #2 (permalink)  
Antiguo 13/07/2011, 12:35
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 6 meses
Puntos: 269
Respuesta: contenido de tres divs

prueba añadir al principio de la hoja de estilos:
*{margin:0; padding:0;}

googlea por reset css.
  #3 (permalink)  
Antiguo 13/07/2011, 12:38
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 7 años, 10 meses
Puntos: 6
Respuesta: contenido de tres divs

ahora si se ha arreglado, si he buscado por google, pero no sabia que poner para ver el resultado que yo queria xD

Muchas gracias compañero.
  #4 (permalink)  
Antiguo 13/07/2011, 14:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 6 meses
Puntos: 269
Respuesta: contenido de tres divs

Cita:
Iniciado por Most Ver Mensaje
he buscado por google, pero no sabia que poner para ver el resultado que yo queria xD


De nada, suerte.

Etiquetas: contenido, divs, fondo, tres
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 06:54.