Tema: Problema con CSS
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/07/2009, 14:16
Avatar de kike00
kike00
 
Fecha de Ingreso: febrero-2005
Ubicación: El Salvador
Mensajes: 180
Antigüedad: 19 años, 11 meses
Puntos: 7
Problema con CSS
Hola,
Aqui vengo con un pequeño problema con CSS, la verdad es que no soy nada bueno con CSS

aqui esta una imagen del problema



como ven el fondo no se repite....

el HTML y el CSS que tengo son:

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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <link href="test2.css" rel="stylesheet" type="text/css" />
  6.  
  7. </head>
  8.  
  9. <body>
  10. <div class="outer-container">
  11.     <div class="barraSuperior">
  12.         <div class="bordeEsquinaIzqSup"></div>
  13.         <div class="bordeBarraSup"></div>
  14.         <div class="bordeEsquinaDerSup"></div>
  15.     </div>
  16.     <div class="barraCentral">
  17.         <div class="contenidoDerecho">
  18.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  19.                 Nunc porta consectetur nibh sed tempor. 
  20.                 Vivamus gravida feugiat ante pretium cursus. 
  21.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  22.                 Nunc consectetur fermentum ipsum quis blandit. 
  23.                 Duis sed massa elit, et placerat ante. 
  24.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  25.                 Aliquam eu volutpat lacus. 
  26.                 Duis vel condimentum augue. 
  27.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  28.                 Sed sit amet justo at ipsum consectetur suscipit. 
  29.                 Praesent tincidunt pellentesque scelerisque.
  30.                 <br />
  31.                 <br />
  32.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  33.                 Nunc porta consectetur nibh sed tempor. 
  34.                 Vivamus gravida feugiat ante pretium cursus. 
  35.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  36.                 Nunc consectetur fermentum ipsum quis blandit. 
  37.                 Duis sed massa elit, et placerat ante. 
  38.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  39.                 Aliquam eu volutpat lacus. 
  40.                 Duis vel condimentum augue. 
  41.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  42.                 Sed sit amet justo at ipsum consectetur suscipit. 
  43.                 Praesent tincidunt pellentesque scelerisque.
  44.                 <br />
  45.                 <br />
  46.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  47.                 Nunc porta consectetur nibh sed tempor. 
  48.                 Vivamus gravida feugiat ante pretium cursus. 
  49.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  50.                 Nunc consectetur fermentum ipsum quis blandit. 
  51.                 Duis sed massa elit, et placerat ante. 
  52.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  53.                 Aliquam eu volutpat lacus. 
  54.                 Duis vel condimentum augue. 
  55.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  56.                 Sed sit amet justo at ipsum consectetur suscipit. 
  57.                 Praesent tincidunt pellentesque scelerisque.
  58.                 <br />
  59.                 <br />
  60.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  61.                 Nunc porta consectetur nibh sed tempor. 
  62.                 Vivamus gravida feugiat ante pretium cursus. 
  63.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  64.                 Nunc consectetur fermentum ipsum quis blandit. 
  65.                 Duis sed massa elit, et placerat ante. 
  66.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  67.                 Aliquam eu volutpat lacus. 
  68.                 Duis vel condimentum augue. 
  69.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  70.                 Sed sit amet justo at ipsum consectetur suscipit. 
  71.                 Praesent tincidunt pellentesque scelerisque.
  72.                 <br />
  73.                 <br />
  74.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  75.                 Nunc porta consectetur nibh sed tempor. 
  76.                 Vivamus gravida feugiat ante pretium cursus. 
  77.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  78.                 Nunc consectetur fermentum ipsum quis blandit. 
  79.                 Duis sed massa elit, et placerat ante. 
  80.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  81.                 Aliquam eu volutpat lacus. 
  82.                 Duis vel condimentum augue. 
  83.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  84.                 Sed sit amet justo at ipsum consectetur suscipit. 
  85.                 Praesent tincidunt pellentesque scelerisque.
  86.                 <br />
  87.                 <br />
  88.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  89.                 Nunc porta consectetur nibh sed tempor. 
  90.                 Vivamus gravida feugiat ante pretium cursus. 
  91.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  92.                 Nunc consectetur fermentum ipsum quis blandit. 
  93.                 Duis sed massa elit, et placerat ante. 
  94.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  95.                 Aliquam eu volutpat lacus. 
  96.                 Duis vel condimentum augue. 
  97.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  98.                 Sed sit amet justo at ipsum consectetur suscipit. 
  99.                 Praesent tincidunt pellentesque scelerisque.        
  100.         </div>
  101.         <div class="sideBar">
  102.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  103.                 Nunc porta consectetur nibh sed tempor. 
  104.                 Vivamus gravida feugiat ante pretium cursus. 
  105.                 Donec tincidunt dui sit amet urna dignissim in fermentum odio egestas. 
  106.                 Nunc consectetur fermentum ipsum quis blandit. 
  107.                 Duis sed massa elit, et placerat ante. 
  108.                 Phasellus sit amet erat ut ante pulvinar euismod. 
  109.                 Aliquam eu volutpat lacus. 
  110.                 Duis vel condimentum augue. 
  111.                 Curabitur magna metus, pharetra a tincidunt id, luctus nec diam. 
  112.                 Sed sit amet justo at ipsum consectetur suscipit. 
  113.                 Praesent tincidunt pellentesque scelerisque.        
  114.         </div>
  115.     </div>
  116.     <div class="barraInferior">
  117.         <div class="bordeEsquinaIzqInf"></div>
  118.         <div class="bordeBarraInf"></div>
  119.         <div class="bordeEsquinaDerInf"></div>
  120.     </div>
  121.     
  122. </div>
  123. </body>
  124. </html>