Questions tagged [cross-browser]

Designing a website so it works in multiple browsers.

Filter by
Sorted by
Tagged with
14
votes
2answers
2k views

Best Modifier Key Combination for Web Shortcuts

Many users of my website asked for keyboard shortcuts to access commonly viewed pages. I know that links may have accesskey but to access them is inconsistent across browsers. I'm going to use ...
11
votes
3answers
10k views

How can I make fonts render the same way across different web browsers?

I am building a website for a client, and we had hoped to use plain text, not images in the navigation bar. The font we are using is Century Gothic (I believe that this font is available on the ...
7
votes
3answers
2k views

When using a stacked font-family, what does the browser use when NONE of the specified fonts are present?

Simple HTML code example: <p>font family</p> Simple CSS code example: p { font-family: Arial, Helvettica, sans-serif; } Browser looks for Arial Arial is not present then it looks ...
6
votes
4answers
3k views

Browser testing - Ideas on how to tackle it efficiently

Browser testing, the bane of any web designers life! Are there any tools and/or ways in which I can efficiently test different browsers on both Mac and PC? I not only want to test different browsers ...
6
votes
2answers
1k views

Font rendering issue

I realized there are problems about how fonts are rendered in different browsers/OS for a site I'm working on. I'm using Cantarell from Google Web Fonts, size 16px, it that matters. Here is some ...
5
votes
4answers
490 views

Compared to Firefox 4 and Google Chrome 10, what can't IE9 do?

If a website works in Firefox 4 and in Google Chrome 10, what could potentially cause that website not to work (broken layout or broken JavaScript) in IE9? What limitations and differences does IE9 ...
5
votes
3answers
394 views

Will not supporting IE or older browsers drive away potential visitors/users of my site? [duplicate]

Normally a SO browser but this question doesn't fit there, hopefully it fits here. I just want to ask from web designers' point of view if it's wrong to not care about supporting Internet Explorer or ...
5
votes
12answers
268 views

Who has IE6 users viewing their site?

I know the general advice is that its no longer necessary to support IE6, but I've also heard the best data is the analytics of actual users to your site. All of my sites are currently low traffic so ...
5
votes
1answer
77 views

Which browsers do not support user-defined tags?

I recently added HTML5 <nav> and <footer> elements to a page, thinking that HTML5-capable browsers would use them for semantic things like navigation, while older browsers would see them ...
5
votes
4answers
299 views

At what visitor share do you stop supporting a given browser?

I'm lead dev for a large website which has a higher than average percentage of IE6 users - about 4.4% of our audience. Our new version is going to make use of progressive enhancement - including ...
5
votes
1answer
854 views

Is there a list of shortcuts which are not reserved in any major browser?

In the past, when I implemented shortcuts for web applications, I used different ones for different browsers: for example Ctrl+Shift+A was used in Chrome, but would be something else, like Ctrl+Shift+...
5
votes
1answer
128 views

OpenType Variable Fonts: Supported Browsers

Variable fonts have been on the drawing board for sometime and Google just released Chrome 62 with support for these new fonts and looks fairly simple to use, e.g: font-variation-settings: 'wght' ...
5
votes
4answers
3k views

What does it mean when a User-Agent has another User-Agent inside it?

Basically, sometimes the user-agent will have its normal user-agent displayed, then at the end it will have the "User-Agent: " tag displayed, and right after it another user-agent is shown. Sometimes, ...
4
votes
4answers
329 views

Is it a good idea to recommend browser on a e-commerce web site

I have built an e-commerce app but I didn't have a lot of time so I decided to build the app compatible with cutting-edge browsers. so of the features are not working and some them are working less ...
4
votes
7answers
646 views

What are the best ways to implement cross browser css? [closed]

What are the best ways to implement cross browser css? Rule: one approach for an answer.
4
votes
3answers
5k views

HTML Character Entities/Special characters with crossbrowser/crossplatform support?

I used some good looking ones from http://dev.w3.org/html5/html-author/charref on my site but I just noticed that they don't show on mobile browsers of Android. For example: ⪦ &ltcc; &...
4
votes
2answers
64 views

AMP page on an unsupported desktop browser?

I am implementing AMP for landing pages on my website. From a related question on StackExchange, I learned that the latest 2 versions of major browsers support AMP even on desktops. In that case, if I ...
4
votes
1answer
1k views

XSRF Error when link is opened via an <a> tag with target attribute set to “_blank”

I've run into a peculiar bug that I have not faced before. I can provide any details that are needed but I'll try to be as generic as possible. We have a intranet portal that links off to other ...
4
votes
2answers
147 views

What are the most efficient/effective ways I can build a website for Mobile and Computer?

I want to make a website for one thing, I don't want to make two websites for one thing I want to make one. You probably agree with that. The problem is, we're walking away from this massive 22" ...
4
votes
2answers
429 views

jQuery/AJAX on old Computers/Browsers

I am working on a plattform that will have a lot of users in the so called "developing countries". So many of them will be using old computers and old browsers in tiny internet cafes. We want to make ...
4
votes
3answers
109 views

Most efficient arc for developing cross-browser support?

I'm curious to hear what approach people take to planning for cross-browser support when developing a website. There are generally two approaches I've seen developers take in their workflow: -...
3
votes
2answers
289 views

Rendering IPA characters like 'ŋ' correctly

(I hope this isn't too dumb a question) When I go to this Wikipedia article: http://en.wikipedia.org/wiki/International_Phonetic_Alphabet These 'special' phoenetic characters, such as 'ŋ' render ...
3
votes
2answers
156 views

Do I really need to test on different OSes?

I know testing websites on different browsers is important, but do browsers really render pages differently on different OSes? For example, do I have to test Chrome for Mac, Linux and Windows to ...
3
votes
2answers
183 views

Is it a good idea to use Normalize.CSS in every website?

For tablet and other mobile devices, new browsers are popping out like mushrooms, and it's practically becoming very difficult to test the rendering of every website we design on all such browsers. Is ...
3
votes
3answers
78 views

How to preview and INTERACT in many browsers [closed]

What are some services or technologies (free or paid) for Getting a static preview (like a screenshot) of my HTML pages (either local or remote) in many common browser/OS combinations like Firefox3/...
3
votes
2answers
2k views

How to overcome eBay CSS limits for auctions' pages?

On eBay you can code the content of a <div> on the auction's page. The problem is that you can't edit the <head> content. I tried using inside the <div> something like this: <...
3
votes
1answer
48 views

Why am I being asked to download “Push” on any adsense based website?

I regularly use Opera web browser to browse websites and today, I just tested my website after installing ads at with the size 300x250 pixels, and sometimes a download box appears asking me to ...
3
votes
1answer
191 views

How do I enable users to download large images on mobile in an SEO friendly way without complication?

This is what is getting to me. Currently, the mobile version of my photo site allows people the option to view the photo full-size directly in their browser even tho its larger than the standard ...
3
votes
1answer
3k views

What is the maximum safe line length in css files?

YUI Compressor and other minifiers tend to remove unnecessary whitespaces, causing long lines. Safari 5 seems to fail rendering some rules from the css files when the file has more than 5000 ...
3
votes
2answers
379 views

HTML special character (glyph) looking not the same in different browsers

I am using an html crown in my website, character code is &#9819;, but this looks different in the browsers. Firefox 6.0 -> different Chrome 13.0 -> different IE 9.0, Safari 5.1, Opera 11....
2
votes
5answers
2k views

Why is Internet Explorer seemingly work different then other browsers?

For the past two weeks I have been painfully revising and changing my webpage to run in IE. I was happy to see my page working properly on Safari 4 & 5, Chrome 10-13, and FF 3.6-4.0 BUT I ...
2
votes
1answer
171 views

I don't have a Mac. Someone tested my website on a Mac and the Google Maps' Javascript is not working. How do I test it?

How do I test if a website works on an old Mac without owning a Mac? Are there emulates. Does Safari work the same on both XP and a Mac? On the PC the website works on ie 7-9, FireFox, Opera, Safari, ...
2
votes
3answers
69 views

Are there concrete benefits in using png over fonts for icons?

I recently noticed some major website (like this one) do not use font-awesome or similar projects to display their icons. Rather they use PNGs. Any rationale for this? Does it make any difference in ...
2
votes
2answers
5k views

Why doesn't Segoe UI font work in Google Chrome on Metro Bootstrap?

When viewing the Metro bootstrap in Firefox, the font looks as it should, while in Chrome it defaults to what I assume is Helvetica. The problem is that I don't know where that "nice" font which shows ...
2
votes
1answer
44 views

I need to build a website working with old browsers - SSL, non-SSL and SEO - How to have both versions

I have to build a website which should be accesible from newer browsers and from older browsers (IE5+!!!). And also, the website needs to have good SEO, and match the latest Google ranking rules. The ...
2
votes
1answer
64 views

Is posting a small “upgrade your browser” message enough to get users off IE 7 so that they see ads?

For those of you who read an earlier post of mine, you'll understand that my site has AdSense ads and no ads load in IE 7. In fact, I tested another website that uses ads in the same browser and even ...
2
votes
1answer
90 views

Are filename extensions required on served images?

If the image I'm serving has the proper HTTP Content-Type is it also required that I have the image filename extension (JPG/PNG/GIF)? Or can I just include the image in the page without?
2
votes
3answers
501 views

Cross Browser CSS script?

a few weeks ago I stumbled over a javascript that you can add to your site, and it would automatically modify your css, to work around some bugs in browsers, and add features they don't support (e.g. ...
2
votes
6answers
133 views

Testing websites on devices such as iPhones?

I'm aware of many sites that you can use for cross-browser testing and I was wondering if anyone knows any free sites that you can use to test sites on an iPhone?
2
votes
4answers
2k views

Broken jQuery/CSS in Firefox - ColorBox and reCAPTCHA

I am working on what would appear to be a basic contact form. I am using the ColorBox plugin for jQuery to build a form with an image link, which then opens a ColorBox containing the reCAPTCHA form ...
2
votes
1answer
34 views

Why don't all browser support the same audio/video formats?

When we're working with videos, we have to provide WebM, Ogv, and Mp4. When we're working with audio, we have to provide ACC and Ogg (or some other combination, I am not familiar on best practice for ...
2
votes
1answer
569 views

Track users over Cross browser for analytics

I want to track users over cross browsers without login option to perform efficient web analytics. I went through flash cookies, but they don't sound promising! Is there any other way to identify ...
2
votes
2answers
396 views

DPI scaling - fonts - Browser Compatibility Problems

Many times windows 7 users, go at Control Panel - Display Options and choose a custom DPI setting (ie 110%) to increase font size in cases that they have big monitors and cannot see clearly. In this ...
2
votes
1answer
63 views

JavaScript conditional “builds”

I'm working on a piece of JavaScript code that searches its host page for references from a certain source and when hovered, shows the definition/referenced text in a tooltip (something like Google ...
1
vote
1answer
108 views

How do I create styles for IE7 (and below)? [duplicate]

Possible Duplicate: What are the best ways to implement cross browser css? I have a site that looks more or less the same in all browsers except Internet Explorer (version 7 and below). How do I ...
1
vote
2answers
81 views

Should I try and get my users to upgrade from IE6?

I'm wondering if it's appropriate to try and get my user base to upgrade from IE6 to newer browsers? Right now we only have 5% of users coming from IE6 or less, we of course don't want to support IE6 ...
1
vote
1answer
243 views

An alternate way to access adsense

I haven't accessed adsense in a long time until just now. I was able to login however I could not see my earnings, nor do anything to my account. I tested it in opera 11.64 and received this error ...
1
vote
2answers
480 views

website Font Embedding, which way would be the best for cross browser capability?

Sometimes clients of mine request a specific font to be used in their website. I try and embed it using CSS @font face, but It is not very cross browser friendly. Sometimes I use Google fonts but they ...
1
vote
1answer
719 views

Earliest browsers that support if-modified-since or if-none-match headers

Based on my observations, google and probably many others are in love with websites that include the Etag and Last-modified headers along with the if-modified-since and if-none-match header checking ...
1
vote
2answers
972 views

How to make a website fit in mobile browsers

How should a good website work in a mobile browser? Should it adapt to fit the browser window size, or should it redirect to a page that is made to fit in mobile browsers?