FAQ Database Discussion Community


CSS Works in Chrome but not Firefox [closed]

html,css,cross-browser
I've been working on a school project and i've made this layout quickly and I have no idea why this layout works perfectly on Chrome but crashes completly in Firefox! Does anybody have an idea what it could be? Here is the site: www.demo.filipsukic.com...

“Object doesn't support this property or method” when setting an object property in IE8

javascript,internet-explorer,cross-browser
I'm trying to make draggable elements without using jQuery. I'd like it to be compatible with IE8. The following breaks at this.handle = { with the error, "Object doesn't support this property or method." Does IE9< have some goofy hang-up when it comes to setting object properties? var Draggable =...

DOM manipulation, backwards compatibility and cross browser worries

javascript,dom,cross-browser,backwards-compatibility
Can I use modern DOM manipulation and traversal methods like document.querySelector safely without worrying about backwards compatibility and cross-browser compliance?

local AJAX-call to remote site works in Safari but not in other browsers

javascript,jquery,ajax,cross-browser,cross-domain
I am maintaining a website that uses Javascript. The script uses jQuery and loads some content from the server at which the site is normally hosted. Just for convenience while maintaining the site, I run a local copy of the site on my iMac. This works perfectly fine when I...

Different “return null” results in Chrome and Firefox

javascript,google-chrome,firefox,cross-browser
Given the following code: jQuery(document).ready(function($) { $('[name="clickableTD"]').click(function() { window.document.location = $(this).attr("href"); }); }); function Add(id) { var stock = "2"; var quantity = prompt("SELECT QUANTITY:", 1); if (quantity == null) { return null; } else if (quantity <= stock) { alert("Good"); } else if (quantity > stock) { alert("Over"); }...

Footer not 100% bottom crossbrowser

html,css,cross-browser,fullscreen,footer
This is my first question here, so bare in mind that we may have some issues with code. But the thing is that i'm using a template (Cant remember what template atm) that is supposed to work in every browser but i cant get the code to the bottom. URL...

Safari 8 not for windows?

safari,cross-browser,indexeddb,pouchdb
I'm trying to execute my program cross-browser and I found that Apple's Safari for windows ends with version 5.1.7! But when I searched all over the internet to acquire Safari 8, I found that they had no support for windows. I very badly want Safari 8 for windows since it...

Jquery Cross-Browser Scroll Event Issues

jquery,scroll,cross-browser
I have a jquery function that animates items when the user scrolls past them. One of my items "stops" the user and prevents natural scrolling from occuring. Instead, it turns the natural scrolling into the progress bar of the item, downward scrolling bring the item to 100% completion, and then...

CSS dropdown menu cross-browser

html,css,drop-down-menu,cross-browser
My CSS dropdown menu behaves strange in different browsers. It works fine in Chrome (Windows) but there are issues in Firefox and on Android. Firefox: Dropdown menu opens up to the right of the menu item instead of below. Also, the dropdown menu is not in line with the menu...

making my html site compatible

html,css,cross-browser
Following code will show html file that i want to make compatible {% load staticfiles %} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>*****</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" media="screen"> <link href="{% static 'bootstrap/css/dashboard.css' %}" rel="stylesheet">...

createSVGMatrix is not a function : SVG loading on Firefox but not on Chrome

javascript,angularjs,svg,cross-browser,svgpanzoom
Using svgpanzoom, angularjs and jquery i'm building a SPA designed to view different SVG. It's working with firefox (except for some other issues) but not on chrome. In my html I have this : <object id="svgElement" type="image/svg+xml" data="../SVG/{{currentLanguage}}/{{currentCartography}}.svg"> It seems your browser doesn't support SVG. </object> In my controller file...

Mozilla Firefox input radio button styling and default settings

css,forms,firefox,cross-browser
I have various form elements on my page, but am having an issue with input radio buttons in Firefox. The radio buttons display perfectly in Safari and Chrome, but are entirely different in Firefox (circular instead of square!) and are :checked by default, which is also an issue. From my...

How to properly deal with Silverlight deprecation?

javascript,google-chrome,silverlight,cross-browser,npapi
Recently, Chrome deprecated NPAPI support, so that means no Silverlight. Now, I've learned to be a good web developer and prefer feature detection over browser detection to deliver a good user experience. Unfortunately, it seems impossible to do NPAPI support feature detection properly. I've built a JavaScript replacement for our...

Why is position of html button in tablecell different in Firefox

html,css,firefox,cross-browser
Why is the position of a button element different in Firefox vs Chrome/IE when nested inside a li with display: table-cell? In Chrome and IE the button is aligned to the top of the cell while in Firefox it is aligned to the bottom. Can this be influenced in Firefox...

Indenting text on html select tag

css,css3,cross-browser,styles
I have a select tag which I am trying to give some style. <select class="points-selection" ng-options="line as line.pick for line in slip.lines"> </select> then I have this .points-selection { background-color: get-color(nieve); border: 0; border-radius: get-space(xxx-small); color: get-color(night); cursor: pointer; margin-top: get-space(xxx-small) + 1.5; padding: get-space(xxx-small); text-indent: 32.5%; width: 100%; }...

Chrome CSS border issue

css,google-chrome,cross-browser
I've found some very strange behaviour with Chrome with respect to the following CSS... CSS: table.addressBody { width: 100%; min-width: 100%; } table.addressBody tr td { padding: 4px; width: 40%; min-width: 40%; max-width: 40%; border: none; vertical-align: middle; } table.addressBody tr td.left, table.addressBody tr td.right { background-color: White; border: 2px...

get id of clicked button javascript

javascript,cross-browser,addeventlistener
I'm attempting to simply get the id of a clicked button and use alert to display it. The code below trys to addEventListener, if not falls back to attachEvent. To get the ID, Im trying to pass this.id as a parameter to myFunction. but this is not working. I've seen...

Floated divs not clearing as expected in IE

html,css,cross-browser
I have encountered a rather pesky bug which only seems to happen with Internet Explorer. I have created a jsFiddle to illustrate my frustration. <div class="container" style="width: 802px;"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> The 4th block does not clear to the left even though the top...

How to upload file with Selenium on Equafy

testing,selenium,cross-browser,web-deployment,web-testing
I've created a test on equafy.com platform and I need to upload a file using Selenuim. In my case the file is png image, but I cannot find a way to upload any type of file.

Piece of Javascript code causing unpredictable crashes in browsers

javascript,crash,cross-browser
There is some code a co-worker implemented a while back on a dev environment that we never got to test and implement into production, but now we are wanting to. Testing out the code I have no issues when using Chrome v43, or Firefox v37 on Ubuntu 12.04, however some...

HTML : behavior when more than one option is selected

html,cross-browser
In this simple jsfiddle (code below), I have a regular <select>, not a <select multiple>, with two options having the selected attribute. In Chrome 39, I see "d" selected. Apparently the behavior is to select the last of the "selected" options, which seems logical. Is this a behavior I can...

Flexbox column heights

css,cross-browser,flexbox
I have this site: http://kudos-topspindigital.azurewebsites.net/#/netball If you open this in Chrome and IE you will see my issue. Basically in chrome, the right panels are around equal heights. I would like the bottom panels (the orange and dark gray one) to be twice as height as the top light gray...

Chrome and Opera refuse to transition from flex: 0 to flex: 1

html,css,css3,cross-browser,blink
Chrome and Opera absolutely refuse to animate the transition between flex: 0 and flex: 1, which works fine in Firefox. On top of it, some Safari users report that it working, but with my Safari it fails to even change the slides. Plus it doesn't work with IE at all....

Window.showModalDialog Replacement

javascript,asp.net,google-chrome,debugging,cross-browser
My project was totally involved in asp.net, We are working on browser compatibility issues, window.showModalDialog is not working in chrome please help me with any replacement, other than window.open ...

Regular expression to find all string literals

javascript,regex,cross-browser,string-literals
I'm writing a regular expression using javascript that is intended to capture string literals in javascript code in all the permutations that are allowed in javascript. This is what I've come up with: ([\"\'])(.*?(?:(\\"|\\').*?\3.*?)*?)\1 Description: The regular expression captures the starting quotation mark (" or ') in capture group 1...

Object doesn't support property or method 'querySelectorAll' (sp.core.debug.js)

javascript,jquery,internet-explorer,sharepoint,cross-browser
First of all I want to tell I am new in SharePoint. I have developed a public website in SharePoint 2013. When I open my site in IE 7, following exceptions occurs in sp.core.debug.js Object doesn't support property or method 'querySelectorAll' Object doesn't support property or method 'querySelector' and sp.core.debug.js...

My Javascript only works in Chrome

javascript,ruby-on-rails,google-chrome,cross-browser
I have javascript in a Rails project that only runs in Chrome. I've tested it in Firefox and IE and I get nothing. Am I overlooking something simple? <script> $(function() { $("#edit").on("click", function() { $("body").animate({"scrollTop": window.scrollY+130}, 1000); return false; }), $("#edit-on-two").on("click", function() { $("body").animate({"scrollTop": window.scrollY+130}, 1000); return false; }); })...

website not working on Internet Explorer

internet-explorer,browser,cross-browser,hover
I have a vertical menu in a side bar with a hover over submenu however in IE the hover menu decides to appear in the middle of the page. I'm using IE11 so it doesnt support the IE only css. I'm not sure what has cause the problem..here is a...

Need consistent Bootstrap form inputs across browsers

css3,twitter-bootstrap-3,cross-browser
I have a grid of input fields on my form. Bootstrap is naturally adding a bit of horizontal space between the fields in Firefox, which is how I want the form to look, but the fields are getting jammed together in Chrome. In the Firefox image above, I have highlighted...

$(window).resize() in safari : why it works also if scroll window (but doesn't resize)?

javascript,jquery,html,cross-browser,mobile-safari
i noticed, with safari on my iphone5 that $(window).resize() it works strangely... i have this code: $(document).ready(function () { $(window).resize(function() { avviaChart(); initialize(); if($('#time').is(':checked')){ $("#time").removeAttr('checked'); $("#Time").css('border','2px solid #ffffff'); } }); }); this code should work only when sizes of window change.... with other browser work very good, but with safari...

Firefox svg rendering: how to get real g position?

javascript,css,svg,cross-browser
I have a page with a svg loaded via object. Then, I call a function that loads a div, using width, height, left and top of an internal g element var cartina = document.getElementById(whatMap); var cartinaContext; cartina.addEventListener("load",function(){ cartinaContext = cartina.contentDocument; var el = $("#mappaBase", cartinaContext)[0]; var rect = el.getBoundingClientRect(); var...

Eliminating Javascript daylight saving time gap, a cross-browser solution

javascript,date,cross-browser,timezone,dst
After lots of hassle I finally found the actual problem. It's the gap induced by daylight saving and the fact that different browsers act differently if timezone is set on UTC+3:30 (I'm not sure of other timezones). Here's a snippet to generate the problem (the problem is reproducible if your...

a href tag is not working in internet explorer

html,css,cross-browser,href,internet-explorer-11
I am creating a button using a href tag in my page which is working fine in chrome. but it is not at all working in internet explorer the code for the button is <td class='swMntTopMenu' style="text-align:right"> <button style="background-color:rgb(255,213,32)"> <a href ='list.php' style="text-decoration:none !important;"> <div class="link"> Back </div> </a> </td>...

Cross-browser addevent function javascript

javascript,cross-browser,addeventlistener
I'm trying to create a function that adds an event to each button in a class. I have all of the buttons in an array and wanted to use Dustin Diaz's addevent() cross browser solution, but am unsure how to implement it. I'm used to using frameworks for this sort...

Web api Cross domain doesn't work

javascript,security,asp.net-web-api,cross-browser
Well, the title is really bad, Well. i have a web api2 runing on visual studio 2013 premium. on this Host: http://localhost:59040/ and the cross domain policy is to not allow anything. but when i run this java script : $.post( "http://localhost:59040/api/Email/SendEmails", { 'G': "aa94a7cf-7794-41ff-b8d0-fcfe34fcb19c" }, // put your parameters...

What's wrong with the image?

image,cross-browser,jpeg
I got a image: http://images.tyler.lu/iphone-4s-a.jpg It looks different in different browsers. Chrome IE What's wrong with the image?...

Different text align behavior for firefox

html,css,cross-browser
It just a simple as body{ padding:0; margin:0; } <div style="font-size:34pt;">BRIDGES YEAH</div> Safari and Chrome are ok. But what wrong with a Firefox ? Is it different default value for something or what ?...

How to remove default arrow form