Click here to Skip to main content
11,706,979 members (59,925 online)
Rate this: bad
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] at 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
0 Sergey Alexandrovich Kryukov 165
1 OriginalGriff 125
2 chainerlt 110
3 ppolymorphe 89
4 Mika Wendelius 70
0 OriginalGriff 9,178
1 Sergey Alexandrovich Kryukov 8,512
2 CPallini 5,189
3 Maciej Los 4,766
4 Mika Wendelius 3,696

Advertise | Privacy | Mobile
Web01 | 2.8.150819.1 | Last Updated 1 Feb 2012
Copyright © CodeProject, 1999-2015
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