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?
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?
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.
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).
.rssbadge{background-attachment:scroll;
background-color:transparent;
background-image:url(images/rss.png);
background-position:0 0;
background-repeat:no-repeat;
height:64px;
left:1067px;
position:absolute;
top:90px;
width:64px;
z-index:1000;
}
Screenshoot
image1
http://i358.photobucket.com/albums/oo27/ivorjpc/badge1.jpg
image2
http://i358.photobucket.com/albums/oo27/ivorjpc/badge2.jpg
Did that make sense? nice badge btw :)