Gentlemen designers, the question is how to do it without using: table-cell?

CMS gives the menu in this format:

<ul> <li>index</li> <li>navigation</li> <li>mobile</li> <li>gps map</li> <li>other</li> </ul>
  • it is necessary that when adding / deleting an item everything is “automatically” compressed / stretched as with tables, you really need to do without a table; table-cell?
  • So, is it fundamentally abandoning the table; table-cell in this case?
  • It doesn’t matter if you don’t spoil IE 6.7. It’s easy to see how and what browsers do and draw your own conclusions. What to use and what to spoor! [1]: htmlbook.ru/css/display - Palmervan

2 answers 2

Look at the polyfill {display: table} library for IE6 and IE7 . I think the most simple solution. The principle of operation for IE <8 is to replace the element with display: table-* regular table automatically.

    I understand the menu horizontal? ul, li {float: left} Without any table display. Do not forget to cancel the wrapping ul. If it is in nav, then just set nav {overflow: hidden; }