The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Position: absolute Problem

  • # December 11, 2008 at 4:25 pm

    Hi, i put an rss badge in my site, it looks beautiful but when i resize my navigator moves over the site… how can i fix this? whats wrong in the css code please?

    background-position:0 0;



    # December 11, 2008 at 5:51 pm

    This reply has been reported for inappropriate content.

    it depends where you put the badge. Positioning is effected by the last positioned object, if you put your badge in your page wrap div (if you have one) making sure the wrap has at least position:relative, the badge will get its absolute position calc from that div. I think at the moment you probably have your badge placed outside all your divs or the div that it is in has no positioning set?

    Did that make sense? nice badge btw :)

    # December 11, 2008 at 5:53 pm

    This reply has been reported for inappropriate content.

    Yeb rob has it right. You need to make sure one of those inner div’s has postion: relative; on it, which will limit the scope of the absolute positioning, and then place the badge div inside of that.

    # December 12, 2008 at 4:23 pm

    This reply has been reported for inappropriate content.

    Nothing to add (Chris already answered the question), but I like the concept of a sticker for the RSS feed :lol: And the design looks very nice (from what little of it I can see in the screenshot).

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed