Click here to Skip to main content
Rate this: bad
good
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 6:27am
Rate this: bad
good
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:
http://jquery.com/[^],
http://docs.jquery.com/How_jQuery_Works[^],
http://docs.jquery.com/Main_Page[^].
http://www.webappers.com/2009/10/28/simplemodal-a-jquery-modal-dialog-framework/[^],
 
First concept is the modal popup. Please see:
http://www.queness.com/resources/html/modal/jquery-modal-window.html[^],
http://dinbror.dk/bpopup/[^],
http://bit.ly/xWY2tf[^].
 
Another one if the dialog: http://jqueryui.com/demos/dialog/[^].
 
See also a set of solutions using both concepts: http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/[^].
 
—SA
  Permalink  
Rate this: bad
good
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.
  Permalink  
Comments
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)



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