3

In Safari on a Mac, the login page for Stack Overflow is borked.

The salmon coloured "Why OpenID?" box is hovering over the login button.

Not the end of the world of course, but worth mentioning nonetheless.

Logout and check it out.

6
  • belongs on meta.
    – phoenix
    Commented Aug 31, 2009 at 11:20
  • 3
    Am I the only one finding "broken" a bit strong ? There a visual glitch, which doesn't prevent using the page. Not good, needs to be fixed, ok. But far from "oh my, it's broken".
    – Gnoupi
    Commented Aug 31, 2009 at 12:11
  • If this is in Snow Leopard I suspect it's duplicate. Can't replicate this in either Windows or Leopard. Commented Aug 31, 2009 at 12:13
  • @Diago: Can you tell us if you have Trebuchet MS installed in your Leopard?
    – perbert
    Commented Aug 31, 2009 at 12:38
  • Related question: meta.stackexchange.com/questions/19052
    – perbert
    Commented Aug 31, 2009 at 15:05
  • Can replicate this on Safari 4, Leopard. But the boxes are not salmon-colored for me, they have no background.
    – deleted
    Commented Sep 28, 2009 at 14:37

3 Answers 3

1

This happens on Linux too.

Its because the default sans-serif font on non-windows browsers are too wide.

May be set the width with px? (Oh the horror!)

0

Broken for me also:

broken in safari http://www.benlumley.co.uk/media/images/safari-so.png

4
  • Can you tell us if you have Trebuchet MS installed in your Mac?
    – perbert
    Commented Aug 31, 2009 at 12:39
  • i do indeed have it installed
    – benlumley
    Commented Aug 31, 2009 at 16:50
  • @benlumley: mmm... that's strange... Safari should be using it... Does it happen on FF too? Can you check that Safari is using Trebuchet or, because of a small name change is defaulting to Helvetica?
    – perbert
    Commented Sep 1, 2009 at 13:03
  • Apparently still broken, though it wasn't until recently. Very annoying. Not sure how to check if Safari's using Trebuchet, though it is installed on the system
    – Shawn
    Commented May 15, 2011 at 15:19
0

Fixed. Had to do with specifying <input> length="22" rather than style="width:300px".

Apparently length/size of an input field varies depending on the font, so it's a bad idea to set width that way -- always use a specific css size.

You must log in to answer this question.