dynamic menu based upon width browser

I looked at http://appliances.pricegrabber.com/st=category/ and when i resized the window i saw something that i realy liked.

I have a rather large screen (21" ) and when i set the browser at 1600px I get 22 tabs. When you make the window smaller the number of tabs on te top reduces. I guess it's around 1000px it will hit the minum and stays at 11 tabs.

Anybody got more info on this effect? I do not want to copy blindly the code and modify the details, I want to understand how this works the way it does.

Edwin

 

Using the DOM they're adjusting the number of tabs (list items, I'm assuming) based on the window width. Dynamic widths are one thing, but changing the number of navigational elements based on a users browser dimensions is a step in the wrong direction.

 

I completely agree; it should collapse to two lines rather than remove items.

 

I liked it as when the number of visable tabs decreases the "hidden tabs" are at the more tab. I like the idea behind it as when there is not enough place only to show the most common and when there is room to show all you have.

Of course it's arguable to wether or not you should show all your categories all the time but that was not what my questions was about.