Grow your CSS skills. Land your dream job.

Fixed position center right responsive.

  • # July 11, 2013 at 10:58 pm

    I am almost there, got center left. Can some give me hand and get me center right?

    Check out this Pen!

    # July 12, 2013 at 1:08 am

    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

    # July 12, 2013 at 1:27 am

    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.

    # July 12, 2013 at 7:26 am

    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.

    # July 12, 2013 at 7:41 am

    Adding text-align:right; won’t give you what you want?

    # July 12, 2013 at 12:43 pm

    If you look at the codepen, The orange box should be on the right side not the left side. Its position is fixed.

    # July 12, 2013 at 1:08 pm

    Like this:http://codepen.io/Paulie-D/pen/pmEex

    # July 12, 2013 at 1:17 pm

    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.

    # July 12, 2013 at 1:20 pm

    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.

    # July 12, 2013 at 1:37 pm

    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.

    Check out this Pen!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".