de nuevo hemos dado un paso hacia atrás.
C2am, tu propuesta no es viable ya que no sabemos al ancho que ocupará container_1. este ancho es dependiente de la resolución de la pantalla.
Nano-rosario, puedes mantener o eliminar container. veamos si lo entiendes con un pequño ejemplo
Cita: <!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" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
#con {
width: 100%;
height: auto;
}
#uno {
min-width: 960px;
width: 100%;
background-color: red;
height: auto;
}
#dos, #tres {
float: right;
width: 330px;
}
#dos {
background-color: yellow;
}
#tres {
background-color: pink;
}
</style>
</head>
<body>
<div id="con">
<div id="uno">Lorem ipsum dolor sit amet, consectetuer adipisc
<div id="tres">Lorem ipsum dolor sit amet, consectetuer adipiscing</div>
<div id="dos">Lorem ipsum dolor sit amet, consectetuer adipiscing</div>
</div>
</div>
</body>
</html>
de este modo container_1 ocupará de ancho el 100%, pero el efecto será que ocupa un mínimo de 360px y un máximo de n (dependiendo de la resolución de pantalla)
el texto de container_1 ocupa 300px, para que lo tengas como referencia en una resolución de 960px