How to expand both sides to fit browser window?

[doodu]

div 1 = width:100%; background:grey;

div 2 = width:940px; background: grey;

div 3 = width:940px; background: white;

is there any option in css to expand the both sides? The “content” should be in center as width:940px and then I need to expand both sides to fit browser window.

Example:
if it is a 1440 screen then “content” = 940px and left & right side should be expand to 250px.

if it is a 1640 screen then “content” = 940px and left & right side should be expand to 350px.

[Paulie_D]

Yes…but it depends on what it is you are trying to do.

What would be in the ‘side’ sections?

Why not have a containers that are 100% wide and then any centered inner divs that are needed to be max-940 wide can be added in

Something like this:

http://codepen.io/Paulie-D/pen/oGKtA

[doodu]

I have description tab with 940px. I want to change both sides to WHITE. if some one using a large screen than 940px.

Plz see the description tab (Product Description, Reviews, Shipping Info) here: https://goo.gl/AVmcXI

[Paulie_D]

I’m not clear on what it is you are trying to to here.

Both sides of what?

An image of how this is supposed to look would be helpful.

[doodu]

now it looks like this – http://www.screencast.com/t/jvQTgueOva

I need to change it like this – http://www.screencast.com/t/qJkV8bJW

[Paulie_D]

I’m not seeing a difference to be honest.

[doodu]

oh no!
there should be a different.

I have marked with red circle. plz check now.
Now it’s looking like this – http://www.screencast.com/t/epP5Swds

I need it to change like this – http://www.screencast.com/t/8TD56lvFV

[Paulie_D]

On closer examination I can see the difference. but this is a little more complex.

You would need to remove the widths from the various divs and then center the menu somehow.

[Author]

Posts