0

I'm trying to place three divs side by side.

  • The first div has a fixed width and needs to be against the left side of the screen (ie: float:left;).
  • The next div also has a fixed width and needs to be against the right side of the screen (ie: float:right;).
  • And the last div needs to fill the space in between them and adjust based on the width of the browser window.

When a certain minimum width is reached for this last div in the middle I need it to stop getting smaller and have scroll bars appear in the browser.

Is this possible to achieve? If so, how?

timss
  • 9,982
  • 4
  • 34
  • 56
Harry Muscle
  • 2,247
  • 4
  • 38
  • 62

1 Answers1

2

try this link. basically, there are 3 divs, 2 of them which placed on the side are fixed width absolute position div while the center is a normal div with margin.

AzDesign
  • 1,169
  • 1
  • 8
  • 18