Меню, 2 уровня, не получается без jQuery выборки

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем ArtMeWork, 21 июл 2014.

  1. ArtMeWork

    ArtMeWork

    Регистрация:
    21 июл 2014
    Сообщения:
    1
    Симпатии:
    0
    Хай пипл. Вобщем проблема с оберткой подменю.

    На рисунке показано расположение элементов меню, все нормально верстается кроме обертки подменю. Подменю должно быть точно под началом главного меню, с этим тоже проблемы, если установить позиционирование на меню и дать подменю left: 0 то подменю будет шириной с родителя, а оно должно быть больше.

    Может кто поможет, подскажет чего.

    Пока что на ум через css ничего не идет. Только через jQuery выборку задавать обертке pos:abs; и высоту равную высоте подменю.

    Залил на jsfiddle:
    http://jsfiddle.net/zY7CD/

    [​IMG]
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Подменю нужно запихнуть в li, для li указать position:relative;
    И все будет ок.