Sunday, July 30th 2006

Serious Layout Bug in Opera

After redesigning my photography website today, I noticed that Opera 9 has a fairly serious rendering bug:

I don’t understand what I’ve done to make it do that… The CSS for H1 is here:

h1 { font: 220% Georgia, “Gill Sans MT”, “Trebuchet MS”; margin: 0.5em; letter-spacing: 0.25em }

h1 a { border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 0.2em 0.4em; background: #eee; opacity: 0.5 }

h1 a:hover { opacity: 0.65 }

Maybe Opera applies

h1 * { display: random }

by default?

Posted at 11:51. Tags: , . Categories: browsers, web design. Both comments and trackbacks are closed.

No Responses to this post:

  1. m j says:
    September 10, 2008 at 12:27

    Hi!Have you tried removing the letter-spacing?

«
»