cross-browser

HTML: how to force open links in a new tab

i use target="_blank" to open links in a new tab... but in IE it opens a new window which is completely logical because that is what _blank is supposed to do and i don't know how target="_blank" behaves in other browsers... is there something to force links to open in a new tab.. if the browser supports tabs... else make a new window ...

Standard Inheritance System for node.js and browsers (including IE6)?

Hi I am looking for a Standard Inheritance System that can work in both node.js and browsers. sys.inherits doesn't work in old browsers (Object.create). All js libraries (jquery, extjs, dojo...) have similar but diff inherit systems. (Don't know which one is good for node.js) Want to use one which is simple and may become the "standa...

submit button cross browser positioning

So i'm trying to make a login box with 2 fields and a submit button. The submit button position itself differently in EVERY browser. In Firefox it works as expected but in IE8 and Safari the vertical alignment gets screwed up. Any ideas to resolve this problem? Here's a screendump of the issue: http://gefuhlkunder.dk/bla.jpg <form ...

Internet Explorer 7.0 CSS Hack

Good day, I'm in need of inserting a Hack to a web page, so it works well on IE7.0 But I'm having issues with the way I'm doing things. It should be simple. The actual CSS code is the following: <style type="text/css"> body { margin:0;} #home_splash { background-image:url(homeimages/image-background.jpg);background-repeat:repeat-x; ba...

How does CrossBrowserTesting.com work?

I have been curious about better ways to cross browser test than those screenshot services or maintaining my own array of VMs to VNC into. Then today I found crossbrowsertesting.com (which seems to allow you to connect from your browser via VNC to one of their machines running virtually any browser). This is really similar to a solution ...

@media screen & @media print support in Safari Windows

In Safari 3.1 and 3.2 on Windows I cannot get my CSS to work when wrapped in the media type @media print {} or @media screen {}. I have moved all my print CSS into the master css file following Paul Irish's recommendations for boilerplate http://html5boilerplate.com/ to reduce http requests. I have slightly modified the recommendation...

Native button to refresh all opened browsers

is there a program that just does a refresh of current opened browsers instead of getting these multiview browsing applications that need to refresh each tab? ...

Google Chrome slight mis rendering of button sprite

I cannot seem to get the butotn on the pop up of this page just right in Google Chrome: http://www.ryanpays.com/expedia/ There is an overlap which is not present when testing in other browsers. It's really bugging me :( ...

Javascript solution to print specified area. Cross-browser friendly.

Hi Guys, I am currently developing a site which requires a print option on the page. When clicked this button fires a script that prints all contents within a <span id='printArea'></span>. I am using a jQuery plugin called printElement at the moment and it works very well in all browsers that I have tested except Google Chrome. I have...

IE CSS Bug: background-color: transparent behaves differently to background-color: (any other colour)

Hi all I have been struggling to find out why this rollover is not behaving as it should in IE8. Go here : http://baked-beans.tv in IE8, you'll see that the rollover only works on the lower half of the thumbnails. Btw, this is not activated by an tag but by a ":hover" for the . What I cant figure out is why it works on only the low...

how to solve IE6 box model problem without adding extra div and using Valid CSS?

In this article http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/ under section "Fixing IE Box Model Bug" author wrote IE 6 can actually get it right if you are in standards-compliant mode. Is it mean if we use XHTML 1.0 strict or HTML 5 doctype than this box model problem will get automaticall...

Firefox text opacity background issue

Take a look at this screenshot from Firefox: The two left and right arrows are translucent text, at 20% and 80% opacity. The text has a text-shadow style applied. The images behind them also have varying opacities applied. Other browsers are working fine - even IE6, in its own pathetic minimal way - but Firefox is drawing a strange b...

Display: Table-cell not setting height constantly xbrowser (ie8 table bug)

So I'm setting up a page with a bunch of dynamic content. I'm organizing this within a table. There are three rows, each with a single cell. The top part works as a fixed header, since I've set the top cell's height. The bottom cell works as a footer, since it also has a static height. The table's total height is set to 100% and the midd...

Tool Roundup for Debugging JavaScript

What techniques (other than alert(message);) do you use to debug JavaScript/jQuery? Give particular attention to browser specific techniques. Tools console.log(message) - alternative to alert(message); (Nirmal) browser-safe call (soslo) jsFiddle - demonstrations (Craver) BlackBird - writing messages to the screen (Oli) FireFox F...

Javascript : onHashchange Test

I'm trying to check if the browser supports onHashChange or not to hide some code from it if not, in this way: if(window.onhashchange){ ...code... } else { ...other code... } I tried this too: if(typeof window.onhashchange === "function"){ alert("Supports"); } else { alert("Doesn't Supports"); } As described on Q...

Generate rsa keypair client-side (on the browser)

Hi! I need to know how to generate a rsa keypair on the cliente-side. My system has to send encrypted data through the server and I have to ensure that the server cannot decrypt the data. So the Private/Public keypair cannot be generated on the server-side. Any knowledge regarding this? Thank you! ...

"Input Submit" Cross-browser compatibility

<input type="submit" value="Share" /> In Chrome/Safari: In FF: Can someone please tell me why they don't look the same? Even, when I set the font-size, font-family, padding and margin, the button in FF will always look bigger than the one in Chrome/Safari. D: ...

Automated testing of CSS and HTML front-end coding

I'm a front-end developer coding CSS, HTML and Javascript (in that order) and most of the work I do is design-lead. Whilst the quality of the designs I create with CSS is subjective, much of the coding is purely functional / layout and I am interested in any way to automate the testing of my page. My question can be split into two part...

crossbrower window onload method with javascript

Hello, with Javascript, I'm wondering what's the current best way to load my code onto the page (without jQuery) after the rest of the page has been loaded. So like a window.onload... I was looking at several options but they all seem outdated and not-completely cross-browser friendly. Does this look like it would be best? It does...

Cross-Browser/Engine Math.PI is always 3.141592653589793?

just a really random question but is the property Math.PI in javascript always 3.141592653589793 in every browser/engine? ...