У меня есть стандартное меню CSS, созданное с помощью тегов UL и LI. Мне нужно, чтобы они покрывали всю страницу, по горизонтали (не мой настоящий случай, но я возьму это, чтобы упростить ситуацию). Тем не менее, элементы создаются динамически, поэтому я не могу с жестким кодом привязываться к элементам LI и полям.
Я видел решения, использующие JavaScript для установки этих значений, но я бы очень хотел их избежать.
Наконец, я видел довольно хорошее решение, которое устанавливает
#menu {
width: 100%;
/* etc */
}
#menu ul {
display: table;
}
#menu ul li {
display: table-cell;
}
Это создаст желаемое поведение в большинстве браузеров... кроме IE.
Любые идеи?
EDIT: Спасибо за ответы. Однако, поскольку код, который генерирует элементы, не является моим, я не могу устанавливать встроенные стили при их создании без использования JavaScript позже.