Designing a website so it works in multiple browsers.

learn more… | top users | synonyms

8
votes
3answers
411 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 ...
1
vote
1answer
16 views

What would cause broken <input> elements that don't show text in this template? [closed]

I'm building a web page by modifying this template: http://webthemez.com/preview/?doctor-free-responsive-website-template/ At the bottom, in the Contact area, there are two <input>s and one ...
3
votes
1answer
236 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 ...
2
votes
1answer
28 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 ...
0
votes
1answer
49 views

Best Browser + OS & Device combos for testing a webapp [closed]

I'm working with my team on developing a web app, and our users are expected to come from across browsers (Chrome, Firefox, etc) / OSs (Windows, Mac, Linux) / devices (Mobile, Tabs, Desktops). We are ...
0
votes
0answers
27 views

Is posting a small upgrade your browser message even enough?

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 ...
5
votes
4answers
2k 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, ...
2
votes
3answers
52 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
0answers
35 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 ...
4
votes
2answers
361 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 ...
0
votes
1answer
20 views

automatically detect browser specific issues from usage statistics

Suppose you have a website that sells dog food (why not?) to people using a variety of browsers. Is there some way to automatically be notified if sales (or some other activity) suddenly stops for a ...
2
votes
1answer
129 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 ...
1
vote
2answers
188 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 ...
2
votes
1answer
190 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
1k 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; ...
1
vote
1answer
241 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
1answer
2k views

Compatibility Issue with IE10 and IE11

I have a website that having some applets, which works without any issues in IE6-IE9. But when I tried in IE10 and IE11, it seems to be buggy. All the pages where not loading properly. After some ...
4
votes
7answers
573 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.
2
votes
1answer
55 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
2answers
3k 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 ...
3
votes
2answers
329 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 ...
0
votes
2answers
98 views

Terminology: what is the correct term to refer to a *particular* browser, OS and device combination?

We all do "browser testing" on a variety of web browsers, operating systems and devices. But what is the correct term to refer to a particular browser, OS and device combination? Or, to put it ...
5
votes
1answer
74 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 ...
0
votes
1answer
59 views

How to handle browser-compatibility check for your website

Whenever I redesign a website, I spend a lot of time manually checking whether the new website is still supported on all major browsers by opening the website on the corresponding browser. What is a ...
5
votes
12answers
251 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 ...
4
votes
3answers
107 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
3answers
73 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 ...
3
votes
1answer
2k 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
150 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 ...
1
vote
2answers
905 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?
1
vote
1answer
376 views

How to view website from different locations [duplicate]

I'm trying to view my website from different locations around the world. I tried browser shot but it's not really accurate and does not allow me to select which country I want. I specifically want ...
3
votes
2answers
145 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 ...
5
votes
3answers
382 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 ...
2
votes
1answer
86 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?
3
votes
2answers
244 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 ...
5
votes
1answer
267 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 ...
1
vote
1answer
349 views

IE disables back-button [closed]

We have an ASP.Net (Web Forms) site hosted on IIS7. The site contains a table with information retrieved from a database. Paging is enabled for this table, meaning that only 10 rows are displayed at ...
5
votes
4answers
265 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 ...
2
votes
6answers
126 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?
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 ...
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 ...
2
votes
2answers
342 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 ...
8
votes
3answers
8k 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 ...
0
votes
3answers
84 views

Browser vesions I should consider when testing compatibility (besides IE)? [duplicate]

Possible Duplicate: In what browsers do you test your websites? I'm in the process of setting up 3 windows xp virtual machines for IE6, 7 and 8. Have ie9 on my win7 host machine. Which ...
2
votes
3answers
437 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. ...
12
votes
2answers
1k 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 ...
2
votes
1answer
144 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, ...
4
votes
4answers
306 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 ...
2
votes
5answers
1k 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 ...
1
vote
3answers
801 views

Can you make total height for a 3-div-sandwhich equal 100% if top & bottom divs are in pixels? [duplicate]

Possible Duplicate: Any problems with DIVs inside a table cell? Ok so I've got a header and a footer with absolute positioning and heights of 144px. The content div in the middle area needs ...