michiganhackers / michiganhackers-website

The Michigan Hacker's Website!
14 stars 12 forks source link

Menu not displaying on CAEN Linux/Firefox #19

Open schmatz opened 12 years ago

schmatz commented 12 years ago

Can anyone reproduce this?

hdastwb commented 11 years ago

Yes, on my own laptop though, not CAEN. Evidently someone set a fixed size on the page title width and Firefox under certain Linux variants uses a different font than that someone, thus causing the text to expand passed the certain fixed width applied to it by the someone in question and overflow into the next line. Since the menu is positioned relative to the title but the background is not, the menu moves down when the title overflows to two lines and the background stays where it is. Here's a little screenshot of how it looks in my browser: titleissue

I think the solution here is twofold: one must remove the CSS rule that fixes the width of the title (thus fixing the issue of line-wrapping even when there is enough room) and one should probably also refactor the header layout so that the header background always encloses the menu. I'm afraid that I can't help much with either since I'm not acquainted with Ruby or HAML, yet I should think these changes shouldn't be too difficult to make (or at least I know they're really easy to make in the "raw" PHP/HTML/CSS web development I'm used to).