Variable width div (with minium width) in between two fixed width divs

Question

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?

AzDesign · Accepted Answer · 2013-04-21 01:34:47Z

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.

answered Apr 21, 2013 at 1:34

AzDesign

1,2091 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Variable width div (with minium width) in between two fixed width divs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related