Какие ошибки на ваш взгляд в верстке и как их следует исправить?

Question

[ruslan2243]

Вот пример сверстанного меню
jsfiddle.net/3433o5yz/3
Суть в том что - края растягиваются на всю ширину, а центр фиксированный, и выпадающее мню тоже растягивается на всю ширину при фиксированном центре. Меню с прозрачностями, т.к. под ним может находится любой другой элемент(часть картинки, карты и прочее)
Пришлось выкрутиться через использование таблицы - средняя ячейка имеет фиксированную ширину, а крайние ячейки заполняют всю ширину страницы. Как это сделать без таблицы? мне пока не известно.

Все фоновые цвета с прозрачностями. При наведении курсора на пункт меню, фон меняет цвет. При этом НЕ должно происходить смешивание цветов.

Меню свёрстано блоками - просто так, суть не в этом, можно и через список. Суть в растягивающихся краях и полупрозрачном фоне.

В данном примере все условия выполнены. Но хотелось бы узнать более красивое решение, более "правильное". Услышать про ошибки и недочеты. И ваше мнение, по поводу того, как бы вы это сделали.

Answer 1

[Александр Аксентьев]

таблица в диве в которой куча дивов? такого я никогда еще не видел.
В целом обычно такое делается вложенными ul и li.
И не обязательно каждому элементу давать класс, лучше это в css расписать от родителя.

Comments

[ruslan2243]

Изменил описание вопроса. Причина использования таблицы и блоков, в описании.

Answer 2

[A K]

0. Это не адаптивная верстка