Foros del Web - Ver Mensaje Individual - como hago que el fondo de una etiqueta llege hasta la proxima que se encuentre

kseso? · #4 (**permalink**) 27/06/2009, 14:47

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; border:0; position: relative;}
#contenedor {width: 600px; margin: 0 auto; background: #900; padding: 10px;}
#nueve {width: 100%; background: #f60;}
#siete {height:102px; width:250px; background: url(http://static.forosdelweb.com/fdwtheme/back-header.png) repeat-x; height: 102px;}   
#uno {background:#cdcdcd none repeat scroll 0 0;
height:102px;
margin-left:250px;
position:absolute;
width:250px;}  
</style>
</head>
<body>
  <div id="contenedor">
    <div id="nueve">este es el div nº 9</div>
    <div id="siete">
        <div id="uno">este es el uno con su fondo gris</div>
    este es el 7       
    </div>
  </div>
</body>
</html>

Un saludo