explodingboy

A few days back I received a comment from a reader asking for help using the centered sliding door menus that I had expanded upon from Ethan Marcotte’s original tutorial. The commenter explained that the menus were acting a little buggy in IE7 so I decided to download IE7 and try to find a way to solve things. After a couple of small changes in the stylesheet the menus should now be fully functional in IE, Firefox, and Safari. Enjoy!

View menu example.(Updated 11/4/06)

I know myself and a lot of designers were very excited after reading Ethan Marcotte’s method of centering sliding doors tabs last month over at 24 ways. I had been waiting for someone to help solve the float issue with the sliding doors technique for a very long while. I enjoyed the article but thought it was lacking a few presentation elements that help to make the sliding doors technique so nice. I wanted to find a way to add the nice single-image rollover effects for Ethan’s centered tabs that Douglas Bowman had in his article at A List Apart. After lots of ranting, raving, fussing, cussing, and the destroying of what was Ethan’s original code I managed to hammer out a method of centered sliding door tabs complete with an active tab, that have been tested and work in IE, Firefox, and Safari.

View menu example.