Question

I have a div with two nested divs inside, the (float:left) one is the menu bar, and the right (float:right) should display whatever content the page has, it works fine when the window is at a maximum, but when i resize it the content is collapsed until it can no longer has any space, at which it is forced to be displayed BELOW the left menu bar, how can I make the width fixed so that the user may scroll when resized? (css width didn’t work, i alternated between floating the right content and not), here is the code:

<div style='width:100%'>   <div style='float:left; background:#f5f5f5; border-right:1px solid black; height:170%; width:120px;'></div>      <div style='margin-right:2px;margin-top:15px; margin-bottom:5px; width:100%; border:1px solid #f5f5f5'></div>  </div>     

I only need to have this working on Interner Explorer for now.

Answer 1

This should do it (container is the parent div containing that 2 divs):

.container {     width: 1024px;     display: block; }