browser-compatibility

Selenium, automated frontend testing on different OS

My complete working environment is Linux based (Ubuntu for desktop and server). I use Hudson and Selenium to execute tests on my EE6/ZK web application with any browser available for Ubuntu. But how would I test my application with IE (Windows) without setting up a Selenium server in Windows. Thought I could run Windows in a VMWare or V...

IE6 doesn't like my simple jQuery: Any idea why?

The following piece of jQuery is used on a page which has a message at the top, and all the comments which reply to the message below it. The way the code works on IE8/Chrome/Firefox is it "collapses" all of the comments bellow the initial message, so just their subjects appear. Clicking their subjects then substitutes the initial messag...

How to make this work in all other browsers other than Firefox

Hi I have a select list with numbers in it. These numbers go from 0 to 30. I want to hide numbers based on the number of days apart from the current date and the date the user set. So if today is July 28th 2010 and they Set July 29th 2010 it should only show "0". If it was July 28th 2010 and they set September 20th 2010 it should sho...

Flex Application, requesting HTTP Service, response working in IE but not in other browsers...

I'm building a Flex application which shows data of a user (SDK 3.2). Requires log in. First thing i do is call a php script via HTTPService which checks if a cookie is set, and if it is, returns it. Works fine in Flex, debugging, but in a browser, only works in IE. PHP script is working perfectly. I've tried changing the URl everytime t...

When resizing the browser window...

Hello, I built a website in HTML and CSS, and whenever I resize the browser window (smaller) it messes with the components of the site, such as the navigation bar. The navigation bar is a series of images linked to their destination using <img src=. Any idea how to fix this annoying thing? THe code for the navigation bar is below: <br...

Comment author name renders nicely in Chrome, but half blank in IE 8

Hello, In the code below, the $row["username"] is the author of a comment. It renders well in Chrome, but in IE 8, only the top half of it appears. Any idea how to make it so all of it appears in IE 8? Thanks in advance, John The code: echo "<table class=\"commentecho\">"; $count = 1; while ($row = mysql_fetch_array($result)) { ...

How many type of "Box Model" CSS have?

How many type of "Box Model" CSS have? ...

Firefox says this is not a function. Must be a simple bug, but I can not see it.

All the other browsers operate just fine with this, but firefox says 'share is not a function'. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content-Type" content="text/html; charset=utf...

Float left in a div does not work in IE7 but does in Firefox and IE8

When I have three divs that all have float left I want the sections to expand or contract based on how long the data inside them is. For instance, if the 1st address is very long I want the 1st box to expand and push the 2nd one over. In Firefox it is doing this but in Internet Explorer it requires a width to look right. In IE7 it do...

how can i do to hide iframe in ie 6,7,8? setting attribute of style = "display:none" does not work!

how can hide iframe in ie 6,7,8? setting attribute of style = "display:none" does not work! sorry, i foreget to post the context. The iframe is dynamic generated by javascript.such as : function addIframe(node) { var iframe = document.createElement("div"); iframe.src = ****; iframe.style = "display:none"; ...

What are the browser capabilities of the Amazon Kindle's WebKit offering?

It seems like the new "experimental" web browser in the Kindle is fairly limited in capabilities. Styling of even the included bookmarks looks a bit rough. In one video, the person mentions JavaScript being enabled in "advanced" mode but there was no demonstration of what that means. As of writing this, the product page only offers a qui...

JS/Jquery syntax for IE Window width and height

Hey All, I'm measuring the window and document width and height via the following properties : //measure the window and document height and width dynamically var w = $(window).width(); var h = $(window).height(); var wd = $(document).width(); var hd = $(document).height(); Works fine in firefox but IE kicks up a fuss. Is there an...

In the summer of 2010 is it time to start using HTML5?

I created this question as community wiki in the hope that it and its answers will be edited as the situation with HTML5 changes. Time to use HTML5? This question gets trotted out about once a year, so I might be beating a dead horse, but is it finally time (in the summer of 2010) to use HTML5 when developing a brand new web site? Rel...

New site - XHTML 1 Strict or HTML 5

I'm beginning a very large project in the coming weeks and am trying to decide if I should take the leap into HTML5 land or stick with my time trusted XHTML 1 strict. The site will be huge. Thousands of pages, video, custom CMS system, lots of social media integration, etc. I'm trying to justify using the new technology, but am unsure...

Developing custom buttons with "drop-down" feature but having problems in - what else - Internet Explorer 7+

I'm trying to create a set of custom buttons that include a button with a "down arrow" icon to indicate that when you click it a drop-down menu will appear underneath it. The functionality works fine in all the browsers I'm supporting (IE7+, FF3+, Chrome, Safari 4+, Opera 10+), but the appearance is screwed up in IE7. I can deal with th...

What is WebKit and how is it related to CSS?

More recently, I have been seeing questions with the tag "webkit". Such questions usually tend to be web-based questions relating to CSS, jQuery, layouts, cross-browers compatibility issues, etc... So what is this "webkit" and how does it relate to CSS? I have also noticed a lot of -webkit-... properties in the source code for various w...

JavaScript key handling and browser compatibility

Hi, I'm working on key handling in java script. I have done some research and I'd like to know whether I have a correct understanding of key handling. KeyDown/KeyUp Event The key down and key up events are supported by IE7+ and Firefox 3.5+ I didn't check the earlier versions of the browsers, but I guess that they also support these ev...

Browser detect contenteditable features

I realise browser detection is not generally a good idea, however as each browser has a different implementation of contenteditable, I need a way to separate out my fixes for each. Specifically: gecko and webkit require a <br /> to be inserted at the end of empty paragraphs, otherwise they are automatically deleted. ie and opera treat...

Unwanted word wrapping in some browsers - why is this rendered differently?

I'm having problems with the menus of a site I'm developing. Here's what the menus look like in different browsers. Chrome 5 Opera 10 Firefox 4 Beta 2 Internet Explorer 8 The menu looks okay in Chrome, but in some browsers the little arrow is wrapped onto the next line. Additionally, in Firefox and IE the menu item overlaps ...

IE8 doesn't respect table padding

This is a screenshot of a table in Chrome 5. The same table rendered in IE8: You can view the page here: http://labs.pieterdedecker.be/vspwpg/?page_id=96 This CSS rule adds the padding that IE8 won't respect: td#content table.subitems { padding: 5px; } ...