Вёрстка верхнего меню

[Leonardo]

CSS

DIV.topmenuitem {height:35px; line-height:35px; padding:0px 12px; border:1px solid #e5e5e5; border-left:1px solid #f5f5f5; border-bottom:0px; font-size:14px; background-color:#eeeeee; display: -moz-inline-stack; display:inline-block; *display: inline;}

HTML (только текст ещё в тег A обрамить нужно)

<div class="topmenuitem">события</div><div class="topmenuitem">политика</div><div class="topmenuitem">экономика</div><div class="topmenuitem">тесттест</div><div class="topmenuitem">тесттесттест</div><div class="topmenuitem">тесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттесттесттест</div>

[Alexander Holbreich]

Что это даст?

[Leonardo]

Важно, чтобы в коде между DIV не было пробелов. То есть чтобы всё выглядело один-в-один как в моём примере

[Leonardo]

По идее, это даст корректное отображение списка категорий на всех устройствах. Я уверен в этом не на 100, но на 78% :)

[Leonardo]

А, ну и, конечно, с этим не страшен второй уровень категорий :) Будет автоматический корректный перенос на другую строку.