What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 133 Stack Exchange communities.

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.

share|improve this question

migrated from stackoverflow.com Aug 31 '09 at 11:21

This question came from our site for professional and enthusiast programmers.

    
belongs on meta. –  phoenix Aug 31 '09 at 11:20
    
+1 for belongs on meta –  benlumley Aug 31 '09 at 11:21
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 Aug 31 '09 at 12:11
    
If this is in Snow Leopard I suspect it's duplicate. Can't replicate this in either Windows or Leopard. –  Diago Aug 31 '09 at 12:13
    
@Diago: Can you tell us if you have Trebuchet MS installed in your Leopard? –  perbert Aug 31 '09 at 12:38
    
Related question: meta.stackexchange.com/questions/19052 –  perbert Aug 31 '09 at 15:05
    
Can replicate this on Safari 4, Leopard. But the boxes are not salmon-colored for me, they have no background. –  deleted Sep 28 '09 at 14:37

3 Answers 3

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!)

share|improve this answer

Broken for me also:

broken in safari

share|improve this answer
    
Can you tell us if you have Trebuchet MS installed in your Mac? –  perbert Aug 31 '09 at 12:39
    
i do indeed have it installed –  benlumley Aug 31 '09 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 Sep 1 '09 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 May 15 '11 at 15:19

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.

share|improve this answer

You must log in to answer this question.