Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 14/02/2012, 16:55

Cita:

Iniciado por i34a23

Tengo un div que ocupa 160px en la parte superior de la página este esta posicionado con float:left;

luego necesito que al costado de este aparesca el otro div y que ocupe todo el ancho que quedo disponible.

si le pongo width:100% ignora al div que tiene al costado y se posiciona abajo tomando todo el ancho de la ventana.

alguna solucion ?

saludos

Asi porejemplo

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">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
 
html, body, div {
margin: 0;
padding: 0;
border: none;
}
 
div#contenedor {
display: table;
width:100%;
}
 
div.d160 {
width: 160px;
background-color: red;
display: table-cell;
}
 
div.derecha{
display: table-cell;
background-color: lime;
}
 
/*]]>*/
</style>
</head>
<body>
<div id="contenedor">
<div class="d160">
izquierda
</div>
<div class="derecha">
derecha
</div>
</div>
</body>
</html>

Saludos