i want to create some kind of widget/badge that will be included on several websites. It will not be placed inside the page, it shall be shown as overlay on top of the website at a defined position (like on center rightside, bottom left). You might know those kind of widgets from TrustedShops.

How can i ensure that this included widget always looks same? No matter which css/javascript is active on the website that includes the widget? Somebody already have experiences which those stuff? Any pitfalls/ideas?

Can i somehow define a css sandbox (like with a iframe?) Or do i need to set all possible values also to their defaults to ensure that including page might not change it?!

One other thought of mine: It could be imported as image. Then you ensure that layout is static, but its somehow hardcoded. The external website creates a dynamic image (via PHP) and this is just shown on including website, but then no interaction is possible ... :(

BR Marius