How would you rate this article?

Rating: 4 user(s) have rated this article Average rating: 5.0
Posted by: retro
Date: 10/01/2009
Category: Web Development
Views: this article has been read 1633 times

Recent Articles Get the RSS feed

(26/06/2010)

Nochex merchant accounts provide you with everything you need to accept payments on your web site. With no monthly fees and support for a number of ecommerce solutions, including nopCommerce, it has never been easier to start selling online!

(25/05/2010)

Check out our latest project for community interest company S.C.A.

(25/05/2010)

We are pleased to announce support for version 4.0 of the .NET Framework on all of our hosting plans.

(11/02/2010)

We have just completed development of a new web site for UK based Aerial Spares.

(11/02/2010)

Today sees the release of the official nopCommerce user guide. It explains every part of the application in detail and includes a getting started guide so you can get up and running quickly.

read more read more

We were recently working on a site and found that the asp menu control was rendering a little strange in both Google Chrome and Apple Safari web browsers.

It was only a small issue. When clicking the second menu item onwards, the whole menu appears to shift a few pixels. When inspecting the html output for the page we found that on page load the menu was rendered as a table (like it does in IE/Firefox). However when selecting the other menu items, the menu was then rendered as <span> elements.

A quick google search revealed this blog post: http://dotnetsoldier.blogspot.com/2008/09/aspnet-menu-not-working-in-chrome.html

However, I had seen this problem in Safari too. Sure enough, checking the output html for Safari revealed exactly the same behaviour.

As per the blog post, the solution was to implement CSSFriendlyAdapters.

Now the menu renders as an unordered list - much cleaner markup and we no longer have the menu shifting problem.

Send to Friend  Send to friend

Comments

Comment this article
Name:
E-mail:
Comment:
Add Cancel