The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Fixed position center right responsive.
I am almost there, got center left. Can some give me hand and get me center right?
Check out this Pen!
what is supposed to ‘center right’.
Oh…and if it’s centered, how can it also be right?
Are you trying to do something like this: http://codepen.io/Paulie-D/pen/57ad1e3163d6478406f39f93fec02086
The right side of the parent container. Which is centered with a max-width of 960px. It also need to be responsive so no fixed widths.
Obviously, I’m not understanding what it is you are trying to do.
Do you have an image of what this is supposed to look like.
Adding text-align:right; won’t give you what you want?
text-align:right;
If you look at the codepen, The orange box should be on the right side not the left side. Its position is fixed.
Like this:http://codepen.io/Paulie-D/pen/pmEex
nope, it should be over the text, also responsive. I think I got a solution though. Fixed the width at 960, float the div inside, then create a media query for less then 960, width:auto; right:0.
Ok…then all you have to do is remove the padding from the article….but it’s a terrible user experience to actually cover the content like that.
Your right man, it does look pertty bad. Thanks for your help, as always. But at least I did it. Here is the pen if anyone is ever interested.
