joshuagatcke / HTML-KickStart

Ultra–Lean HTML Building Blocks for Rapid Website Production
http://www.99lime.com
MIT License
1.22k stars 244 forks source link

Menu item with "right" class causing bugs in Google Chrome #59

Closed stratbasher closed 10 years ago

stratbasher commented 10 years ago

problem When using a combination of menu items with and without the "right" class added to them, they display correctly on IE and FF. On Google Chrome, however, the normal menu items will display on the left, and the ones with the "right" class will be on the right, but UNDER the initial height of the menu. The width of the menu bar, thus, doubles and places the "right" menu items lower.

Is there any fix?

stratbasher commented 10 years ago

I found a solution. In Chrome, it wants all of the floated items to be placed before any non-floated items. By placing the list items with the class of "right" before the other list items, I was able to achieve the same result across browsers.