Выровнять меню

[Kenshi24]

Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)?

http://jsfiddle.net/HZ3yR/2/

Edited March 6, 2014 by Kenshi24

[DivMan]

не вижу синих блоков 

не вижу синих блоков 

теперь вижу

[Switch74]

укажите для ul#navWrapper ul нужный top

[Bassline]

http://jsfiddle.net/HZ3yR/3/

[Xenia Wanger]

ul#navWrapper ul {display: none;position: absolute;background-color: #00c;}

Сюда дописать margin`ы для левого края и верха (-16, 16 соответственно)

Edited March 6, 2014 by Xenia Wanger

[Kenshi24]

ul#navWrapper ul {display: none;position: absolute;background-color: #00c;}

Сюда дописать margin`ы для левого края и верха (-16, 16 соответственно)

 

Благодарю!

[Sensei]

http://jsfiddle.net/HZ3yR/4/

стили добавил в конце, после черты

Edited March 6, 2014 by Sensei

[Kenshi24]

http://jsfiddle.net/HZ3yR/4/

стили добавил в конце, после черты

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.

http://jsfiddle.net/HZ3yR/6/

[Xenia Wanger]

 

http://jsfiddle.net/HZ3yR/4/

стили добавил в конце, после черты

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.

http://jsfiddle.net/HZ3yR/6/

 

 

Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу

Edited March 6, 2014 by Xenia Wanger

[Switch74]

запретить перенос по словам или использовать pre

[Sensei]

Обычно подменю задается некоторая ширина.

 

Можно еще так сделать, но только если вы уверены, что пункты не будут содержать достаточно длинный текст.

#navWrapper ul {    white-space: nowrap;}

пока отвечал уже опередили

Edited March 6, 2014 by Sensei

[Kenshi24]

 

 

http://jsfiddle.net/HZ3yR/4/

стили добавил в конце, после черты

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.

http://jsfiddle.net/HZ3yR/6/

 

 

Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу

 

Он не мой, а из примеров в интернете, мне он лишь для наглядности