CSS навигации, выравнивание по ширине

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Два пункта, имеющие ниспадающие меню слеплены, остальные нормально

#1 5 февраля 2014 в 18:59
Здравствуйте.
Сделал резиновый шаблон, соответственно и главное меню навигации (изкоробочный).
Пункты, их 2 изкоробочно — Статьи и Фото, не имеют правого отступа, который формируется при растягивании по ширине.



Вот CSS, добавленный для главного меню:
  1. .menu { text-align:justify; text-align-last: justify; border-width: 1px; width: 100%; }
  2. .menu li { display: inline-block; }
  3. .menu:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }
Может вопрос и дурацкий, но я задолбался реально. Все LI-шки одинаковые. Код формируется смартЁй, как и обычно.

Вот чё увидел через шаманство с бубном.
В FireBug ставлю пробел перед ли-шками которые слеплены, и они выравниваются. Далее — масштабируются. Т.е. перед обеими ли-шками пунктов ставлю именно пробел.

В смарти пробелы ставил — до фени.

Вот он

Что за полтергейст?
#2 5 февраля 2014 в 19:43
Решено.
Ошибка в шаблоне/modules/mod_menu.tpl
В фрагменте
  1. {if $item.level == $last_level}</li>{/if}
  2. {math equation="x - y" x=$last_level y=$item.level assign="tail"}
  3. {section name=foo start=0 loop=$tail step=1}
  4. </li></ul>
  5. {/section}
отсутствует закрывающая ли-шка:
  1. {if $item.level == $last_level}</li>{/if}
  2. {math equation="x - y" x=$last_level y=$item.level assign="tail"}
  3. {section name=foo start=0 loop=$tail step=1}
  4. </li></ul></li>
  5. {/section}
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.