I have everything coded and working, except for the portion in red. I have the div floating right and the transparent background hugging the edge of the browser beautifully, but the text won’t move with the browser. It stays in place.
I used percentages thinking that would solve it, but I’m missing something. Can anyone give me a clue? I would post my code up here, but it’s quite long right now and I’m on the clock, so I just wanted to see if anybody knew something right away.
Steph, a link to a live a page is always best! I’d take that over codepen, jsfiddle, or any other test bed any day – thanks.
Now to solve your problem:
remove the width from section#supporting-panels;
remove the width from #controls-wrapper;
remove the width from #slidecaptionright;
adjust padding in #controls-wrapper to get 20px instead of the current 40px