Click here to Skip to main content
13,005,198 members (62,391 online)
Rate this:
Please Sign up or sign in to vote.
I have been experimenting with displaying a popup window when a button is clicked on my Firefox extension's toolbar.

My popup is a panel with an iframe inside it that displays the actual content. No matter what attributes I set to my panel and iframe there is always an ugly border between my content and the edge of the popup window. I have tried changing my iframe attributes like: frameborder, seamless, marginheight, marginwidth etc. but these seem to have no affect on the window.

Does anybody have any ideas on how to remove this border?
Posted 31-Jan-12 5:27am
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

If you fight this problem for Firefox, specifically, it can be a waste of time: what to do with all other Web browsers your users may use?

Consider one the the good alternatives, both based on jQuery which I highly recommend. See:[^],[^],[^].[^],

First concept is the modal popup. Please see:[^],[^],[^].

Another one if the dialog:[^].

See also a set of solutions using both concepts:[^].

Rate this: bad
Please Sign up or sign in to vote.

Solution 2

Thanks for the links. I'll have a look through those and see if they can help me.

To answer your question, the pop up is from a Firefox extension toolbar, and not a web page, so I am not worried about other web browsers in this case.
Michel [mjbohn] 1-Feb-12 4:47am
Please use the "Have a Question or Comment?" widget to reply on a solution.
Don't add a solution as reply.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web01 | 2.8.170627.1 | Last Updated 1 Feb 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100