This is my personal website. My professional website is https://www.engineering.purdue.edu/~milind. The views and opinions on this blog are my own and do not reflect those of my employer.

August 12, 2022

Filed under: Website — Milind Kulkarni @ 5:59 pm

So Safari 1.3 fixed the most egregious rendering bug on my website (that is to say, a point of non-compliance with the standards). The menu bar at the top of the page is relatively positioned, and then moved down to straddle the lower border of its enclosing box (so the dark brown box across the top is the enclosing box).

Safari does the positioning correctly (thankfully), and even does most of the rendering correctly. However, for CSS-y goodness, I set the :hover pseudo-class for the header links to change the background. If you’re using Firefox or Safari 1.3 (or even IE, I think), you can see that not only will the link text change colors when you hover, but so will the background of the list item. In the old version of Safari, it would only change the portion of the box that lay within the bounds of where the box would have originally been (i.e. before being moved down, so in this case, only the top half of the link would change colors).

Given that I sent off a copy of this site with a description of the problem a few weeks ago, and that Dave Hyatt had been fixing CSS bugs pretty much up to the hour that Safari 1.3 was released (see Surfin’ Safari), I will claim full credit for having gotten this bug fixed. Go me!

Average Rating: 4.8 out of 5 based on 170 user reviews.

1 Comment

No comments yet.

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Powered by WordPress