Tema: como hago que el fondo de una etiqueta llege hasta la proxima que se encuentre
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/06/2009, 15:28
Avatar de romel_inc
romel_inc
 
Fecha de Ingreso: diciembre-2007
Ubicación: Venezuela-monagas
Mensajes: 288
Antigüedad: 16 años, 4 meses
Puntos: 14
Respuesta: como hago que el fondo de una etiqueta llege hasta la proxima que se encue
Cita:
Iniciado por kseso? Ver Mensaje
Prueba este código.
Creo que sólo tienes que cambiar los tamaños de las cajas y el margen derecho de #uno para que coincida con la anchura de #siete

Código html: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <head>
  4. <title>Kseso? jugando con css </title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  6. <style type="text/css">
  7. * {margin:0;padding:0; border:0; position: relative;}
  8. #contenedor {width: 600px; margin: 0 auto; background: #900; padding: 10px;}
  9. #nueve {width: 100%; background: #f60;}
  10. #siete {height:102px; width:250px; background: url(http://static.forosdelweb.com/fdwtheme/back-header.png) repeat-x; height: 102px;}   
  11. #uno {background:#cdcdcd none repeat scroll 0 0;
  12. height:102px;
  13. margin-left:250px;
  14. position:absolute;
  15. width:250px;}  
  16. </style>
  17. </head>
  18. <body>
  19.   <div id="contenedor">
  20.     <div id="nueve">este es el div nº 9</div>
  21.     <div id="siete">
  22.         <div id="uno">este es el uno con su fondo gris</div>
  23.     este es el 7       
  24.     </div>
  25.   </div>
  26. </body>
  27. </html>

Un saludo

Gracias amigo ya tengo la idea. saludos.

pd: al finalizar publico. ya que lo complique un pelo mas jeje.
__________________
Lo que se usar (JAVA, Spring MVC, IntelliJ IDEA , GAE, CakePHP, Bootstrap, Underscorejs, jQuery, HTML5, CSS3, JSON, Ajax, Prototype), Aprendiendo a usar Angularjs y Git.