Aug
11th

Stop Sniffing my Browser Type!

Quite often Opera users complain that their favorite browser cannot parse a web page and gives the following error:

Continue Reading

Jul
21st

CSS3 Compliance for IE 6-8 at all Cost.

CSS3 is cool and all web developers would love to use it’s tasty features.  The announced support for CSS3 by such browsers as Opera, Firefox, Safari, Chrome and even IE 9 heats up the interest for this protocol quite a bit, but there’s still an issue of IE 6, 7 and 8.  The fact that IE 9 is not intended to run on XP will probably keep the number of IE 6-8 users high for quite a while.  This is where our discussion of CSS3 could end.  And yet there are efforts to make IE6-8 CSS3 compliant.  Let’s take a look at some of them, many are rather odd.

Continue Reading

Jul
6th

Opera Box-Shadow Bug

A rather unpleasant bug has been discovered in Opera related to rendering the box-shadow property. If this property is assigned to an element with a :hover pseudo-class the shadow gets rendered incorrectly on mouse over event. Searching for the solution on the Internet provides no information. Experimentally it has been determined that a workaround exists in assigning the same shadow to an underlining element with the same size as element:hover. The shadow can be made transparent.

The bug has been reproduced in versions 10.54 and 10.60 for Mac OS. The illustration shows just how the shadow is rendered in blocks with the following properties:

/* top block */
div.first:hover {
box-shadow: 0 2px 10px #5f5
}
/* bottom block */
div.second {
box-shadow: 0 2px 10px rgba(0,0,0,0)
}
div.second:hover {
box-shadow: 0 2px 10px #5f5
}

This might help the web programmers, but hopefully the browser developers will notice it too and fix this tiny but unpleasant issue.