Home/ Questions/Q 9025415
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T06:16:01+00:00

Basically I am trying to have a fixed size right-hand sidebar at 300px (width)

  • 0

Basically I am trying to have a fixed size right-hand sidebar at 300px (width) and in the center have a 100% width, taking into account 300px which are alongside it.

Also I am trying to figure out how to place a 100% width div inside a 100% width container div, I’ve included images of what I would like to achieve below:

Basic Idea

enter image description here

For example this could be what’s seen on a screen resolution of 1440 x 900

Making it Re-sizable

enter image description here

Whereas this could be what’s seen on a screen resolution of 1024 x 768

As you can see everything stays within proportion with each other. Any help would be greatly appreciated. Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I was able to get it working with this. There very well might be a better way to do this, but it looks like what you described.

    Code: https://gist.github.com/4274099

    Result: http://codepen.io/joe/full/wgJdm

    The key was to “fake” the 100% width of #left (yellow) inner div by positioning it absolute within the #sidebar parent and setting its right equal to the width of the #right div.

    • 0