Foros del Web - Ver Mensaje Individual

Adler · #4 (**permalink**) 31/03/2011, 16:25

Hola

Bien, reformulo la pregunta ¿Como adaptar el largo del contenedor verde a la suma de los dos contenedores amarillos?. Ahora, el contenedor verde, toma el 50% del largo del contenedor rojo. Probad con este otro código

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
<style type="text/css">
#rojo {
background-color: red;
margin: 0 auto -1em;
overflow: hidden;
width: 80%;
height: 100px;;
}
 
.contenedor {
background-color: green;
margin: 0 auto -1em;
overflow: hidden;
width:50%;
}
 
.contenido {
background-color: yellow;
float: left;
padding: 0 20px;
}
</style>
</head>
<body>
<div id="rojo">
 
     <div class="contenedor">
 
             <div class="contenido">
              contenido
             </div>
 
             <div class="contenido">
             contenido
             </div>
 
      </div>
 
</div>
</body>
</html>

Se trata de trabajar con la propiedad width, min-width o max-width. Pero da igual el valor que ponga a estas propiedades que no hay manera. Si le pones auto, toma el 100%, .....

Venga, gracias