So, I feel bad pointing out errors in web design publicly, because I completely realize how hard it is to get it right across all browsers, and operating systems, and all their different quirks. This site admittedly has its bugs from time to time as I mess with it (just fixed one (I think) that’s been bugging me forever with IE where it says “to here” under the date on each post), and I’ve worked on plenty of sites at work that have had far larger issues. However, for a really, really little spacing issue, that happens to line up just so, this one made me laugh, so I thought in good humor, I’d share it.
I was reading about the new Lyndale Tap House on Because Emily Says So, and it sounds absolutely delicious. So, I clicked through to their website to see where exactly it is, so I can go some time. And, on my particular computer, with my OS and web browser, and, in particular, whatever fonts I happen to have installed on my machine, the home page looks like this:
Welcome to the Lyndale Tap Ho
It looks fine in IE on Windows (the title is notably more narrow), in Firefox on Windows it’s wider but still okay, but in Firefox on Linux, well, I’m not sure that’s the image they’re going for, though sort of a nice overlay effect none the less. And I really like the cow in the bottom corner.
I built the site of which this post is about.
Admittedly, I didn’t do any any Linux testing. And I typically don’t for any site I develop.
I suppose that’s my bad.
I appreciate you pointing this out though, and when I get a chance, I’ll play with it and see if I can get it fixed in FF for Linux. This site in particular has an additional element to it, in that it uses @font-face (more here) which I’m still not exactly a master at knowing how all browser react. Yay! more stuff to debug browser for! Hehe.
At any rate, thanks for the nod, and the tip.
If and when you go there, I recommend the Pit Beef sandwich. ;)