A `position:fixed` sidebar whose width is set in percentage?

Question

I\'ve successfully used the beautiful Susy grid system to create a responsive layout similiar to the one of WebDesignerWall.com:

What i failed to implement is a

Answer 1

position:fixed works like position:absolute so it isn't positioned in relation of its container. It simply floats into your document. A quick fix would be something like this:

 /* 30% of the document width*/
lorem ipsum dolor sit amet


 /* 30% of the document, leave it empty, so it acts like a placeholder for the fixed element*/
 


 /* the rest of the website goes here */
more lorem ipsum than ever before