Hi, I am starting to work on a browser extension and because of the nature of the extension I need to develop it in C++. I am currently working with Firefox but would like my code to be portable across browsers. First of all is there a library or an interface (like the NPAPI) that I can use to ensure this for extensions? What are the t...
This code has different result in Firefox and Chrome <div style="border:1px solid red; width:50%; height:50px; position:relative;"> <input type="text" style="position:absolute; left:0; right:20px;" /> </div> How to make the text box anchored 0px to the left and 20px to the right side of the div? NOTE: div's width must fluid 50%...
I use chrome and firefox. I love chrome and firefox. I just thought to check how my website looks in IE8 and the results are fucking horrific. I can't navigate, it doesn't render rotations properly and the whole thing is a clusterfuck. Does anyone have any ideas? My only thought at the moment is to do a complete redesign that will accom...
A web-browser window contains the window object. This object contains many properties. Many of those properties are objects. Some are constructors (XMLHttpRequest, Worker, File, ...), some are regular objects (document, location, navigator, history, screen, ...), some are non-constructor functions (a.k.a. methods) (alert, setTimeout, ......
Here's the html: <ul id="header"> <li><a href"#login">Sign Up</a></li> <li id="divide">|</li> <li><a href"#login">Login</a></li> <li id="divide">|</li> <li><a href"#profile">Profile</a></li> </ul> And here's the corresponding css: ul #header { list-style-type:none; } ul > li { display:i...
I want to make a menu with semi-transparent blurred background. At the moment, I've only found a solution for IE: filter: blur(strength=50);. How can I do this cross-browser, without using images? ...
Is there a better way then using jQuery.browser, or equivalents, for determining css 3 prefixes (-moz, -webkit, etc), as it is disencouraged? Since the css is dynamic (the user can do anything with it on runtime), css hacks and style tag hacks can't be considered. ...
I've noticed that Safari and Chrome behave the same when it comes to HTML and CSS. However, there are differences between Firefox and Safari (and hence, Chrome as well). Sometimes things can look great in Firefox, but the CSS misbehaves in Safari and Chrome. The cause of the mis-behaviour can be attributed to "anything" (as opposed t...
i have a piece of code like below var abc = { 2: {label: "raju"}, 10: {label: "samu"}, 3: {label: "sidh"}, 1: {label: "kat"}, }; for(var i in abc){ alert(i); } in mozilla fire fox it alerts 2,10,3,1. but in chrome it shows 1,2,3,10 but my requirement is the first one (as shown in fire fox) what to do for getting the same resul...
Hi, I have this script as INDEX for my website. Script should be include on itself a specific page depending on browser language (automatically detected). This script was working till now, and now suddenly seems not working any more (I do not why), the problem is for any detected language it is always include index_en.php. Could you ple...
What is the proper way to declare a namespace? I've just read "Developing Large Web Applications" and the author suggests using: if (!window.YourNamespace) { YourNamespace = {}; } seems easy enough.. but I see all the javascript libraries for declaring namespaces and alternate methods. Isn't there a standard way to do this? Any ...
Here's my rule: #element { background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2; } I want to take that rule and apply it to all of the browsers that support a linear gradient. What would this rule's syntax look like for Chrome, Safari, and ... Internet Explorer? I'm considerin...
I need some help writing an awesome class to take a style sheet, detect browser specific CSS3 rules, and add support for all compatible browsers. This way, we can just write our styles sheets for one browser and then process the CSS files when we are ready for production. Here's my thoughts on the class so far: class CssRewriter { ...
$(document).find('.AddressGroup').find('.toggle_container').slideDown("1000"); works in IE & FIREFOX but not in CHROME or OPERA. Why? ...
are there any libraries out there to minimize the differences of the behavior between IE and firefox... or there is someways to achieve that.... if not then what things in HTML & CSS & JavaScript & jQuery i should be looking put for that can cause cross browser compatibility issues... my concerns are Firefox and IE ...
looking for collective knowledge - all i want are things to watch out and be careful while using which can cause cross-browser incompatibility issues.. so that you can look for their alternatives or check them out before deployment on large scale... ...
As far as I know, pageY/XOffset properties were already available since Netscape 4 era. And it seems scrollY/X were introduced circa Netscape 6. Alternative question: Is there a browser which implements scrollY/X but doesn't support pageY/XOffset? ...
Hi, Trying to figure out how IE and Firefox (and any other browsers) treat css for divs differently. I set up three simple divs which display fine in IE(7), but don't display "right" in FireFox(3.0.8). Not complicated, just need a left panel, header and somewhere for the main content. For some reason, in FireFox the header only shows at...
I have a problem with Firefox to show this: (But IE show correctly) <div id="main_div" dir="rtl"> <div dir="rtl"> <div class="outer_div" dir="rtl"> Text! </div> </div> <div dir="rtl"> <div class="outer_div" dir="rtl"> Text! </div> </div> <div dir="rtl"> <div class="outer_div" dir="rtl"> ...
I have this form in a Django application In Firefox it works as charm, and in Chrome/IE6 this won't do the post operation needed Any ideas why ? <form action="/lang/i18n/setlang/" method="post"> <input name="next" type="hidden" /> <input name="language" type="image" value="ar" src="/flags/flag_ar.jpg" onclick="this.form.submit()" tit...