Skip to main content

IE9 doesn't seem to understand background-color

I have recently created my first website using HTML5. I have used some CSS3 attributes like box-shadow and border-radius, and they render correctly in all browsers except IE.
IE is retarded. To enable some HTML5 features in IE I used this code snippet:
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" ></script>
<![endif]-->
While IE8 correctly positioned the elements, it still doesn't support CSS3. Below is a preview of IE8:
Fullscreen_capture_9
However, IE9 preview, which brags about it's HTML5 support didn't even render the background-color correctly. What a shame. Surely it's a preview, but it should be better and not worse than IE8. On the bright side, the rest of the CSS, even the CSS3 tags, rendered correctly. See the rounded borders and shadow (looks like a glow) around the image:


Fullscreen_capture_9

I am hoping that Microsoft fixes this bug, because regardless this bug the work they have done with hardware acceleration and HTML5 support is amazing.
All other browsers, including Opera, Firefox 3.6 and Chrome  rendered everything correctly. FF 3.0 and Chrome 3 rendered the layout correctly but had only partial CSS3 support.
Here is what the website should look like (Chrome 7 dev):


Dude_wheres_my_shirt_-_google_chrome_9
____________________________

Comments

Popular posts from this blog

Basic cell counting and segmentation in Matlab

Counting cells manually is a tedious error prone process for humans. Given a large data set of microscopy images this task can be achieved much faster by means of basic computer vision techniques. In this tutorial we will segment cells from an image following a method similar to the one presented by Yongming Chen in 1999. The method uses basic morphological operations and the watershed algorithm to segment the cells. Nowadays better methods for cell segmentation exist. This method was chosen for its simplicity and ease of implementation.

We start with an image of cell-like structures by Anna-Katerina Hadjantonakis and Virginia E Papaioannou.

A = imread('cells.jpg');
We convert the image to grayscale:
I = rgb2gray(A);

To be able to extract the dimmer cells, it is necessary to perform some local contrast adjustments
I = adapthisteq(I);


Objects on the borders can be caused by noise and other artifacts. We can eliminate objects on the borders of the image like this:
I = imclearborder(…

Project planning in a text file

Whenever you work on a project it is important to be able to plan it ahead of time. This holds true for small and big project, from planning a trip to the spa to building a spaceship. The small project plans can be maintained in you thoughts while bigger ones require tools to help you see the big-picture of the project and manage task at a lower level. There are projects which start with a fully prepared plan and projects which pivot overnight, thus invalidating any original plan. For the latter flexibility is very important, and tools like Trello offer a great solution because they can be adjusted to fit your project.

However, it may happen sometimes that the project starts adjusting to the tool or that you still want to maintain a bigger picture of the main points of the project. You may also need to produce a rough development schedule to serve as a long term road-map.

I have prototyped a tool (and defined a workflow) which allows you to plan such projects.

To better understand how…

Selenium testing in Jenkins with an in-memory X server

This articles explains how to setup integration testing of web applications (that require a browser instance) on a Jenkins server. The article assumes you are able to understand the title. If you need a reminder follow the links below.

What is Selenium? Read here.
What is Jenkins? Read here.
What is an X server? Read here.

If you are still puzzled, this article is not for you.

Integration testing of web application is more complicated than unit testing, because they require a browser instance to be running. In order to run a browser (such as Firefox) you need and X server. The testing server usually doesn't have one.

One solution to this is to run the browser instance on another machine through VNC. This has the advantage of not using the same resources as the testing server. However it requires setting up a new machine, and configuring the integration tests to run a browser in it.

Another solution is to use Xvfb, a display server that implements the X11 protocol, but does not re…