Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/07/2010, 14:33
Avatar de Most
Most
 
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 15 años, 1 mes
Puntos: 6
Respuesta: se me parte el logo y el contenido

pues eso, necesito usar el margin top, para que no salga arriba pegado del todo, los divs tengo 2, 1 para meter el contenido, y otro para el bloque que sale en la imagen...

aqui dejo el codigo, por si no me entiendes aver si asi:

Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3. body {
  4.     margin-top: 0px;
  5.     margin-bottom: 0px;
  6.     background-image:url(fondo.png);
  7.     background-attachment:fixed;
  8. }
  9. .contenedor {
  10.     height: 555px;
  11.     width: 1002px;
  12.     margin-right: auto;
  13.     margin-left: auto;
  14. }
  15. .encabezado {
  16.     background-image:url(encabezado.png);
  17.     height: 85px;
  18.     width: 1002px;
  19. }
  20. .contenido {
  21.     background-image:url(fondo_contenido.png);
  22.     height: 450px;
  23.     width: 1002px;
  24. }
  25. .bloque_centro {
  26.     background-image:url(contenido_grande.png);
  27.     height: 324px;
  28.     width: 777px;
  29.     margin-top: 20px;
  30.     margin-left: 20px;
  31. }
  32. .pie {
  33.     background-repeat:no-repeat;
  34.     background-image:url(pie.png);
  35.     height: 27px;
  36.     width: 1004px;
  37.     margin-left: 3px;
  38. }


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <link href="imagenes/css.css" rel="stylesheet" type="text/css" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6.  
  7. <div class="contenedor">
  8. <div class="encabezado"></div>
  9. <div class="contenido">
  10. <div class="bloque_centro"></div>
  11. </div>
  12. </div>
  13. <div class="pie"></div>
  14. </div>
  15. </body>
  16. </html>