<html>
<head>
<title></title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
#wrapper {
left: 0;
margin: 0 auto;
max-width: 900px;
min-width: 600px;
right: 0;
}
#wrapper2{
overflow: hidden;
border: solid red;
}
#left {
background: #a3a3a3;
width: 150px;
margin-left:-150px;
text-align: center;
float:left;
}
#right {
background: #f3f3f3;
text-align: center;
width:100%;
min-width: 600px;
max-width: 750px;
overflow: hidden;
float: right;
padding-left: 150px;
}
.clear{clear: both;}
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapper2">
<div id="right">
<div id="left">
1
</div>
2
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
Самое интересное, у меня все версии ie, отказались воспринимать max-width, min-width вообще +), так что проверить не могу. Выглядит это так, что #wrapper всегда занимает 100% окна +)