Выпадающее меню li width:100%, или почему firefox - плохой браузер.

[logicface]

Всем привет! Имею проблему:

Есть впадающее меню на CSS - http://jsfiddle.net/ydKX6/3/

Работает почти во всех браузерах отлично, но как говориться в семье не без сами знаете кого.

Достопочтенный товарищ firefox не хочет правильно растягивать дочерние <li> элементы (те самые, которые выпадают).

Что посоветуете делать камрады?

 

Для тех кто не понял: Дочерние <li> элементы должны быть ширины не меньше чем родительские <li> элементы. Firefox растягивает их по размеру вей страницы.

[ryter]

display:table-cell; position и фаерфокс не дружат

[logicface]

Я вообще чем глубже начинаю учить это все дело, тем больше мне начинает казаться что лис хуже осла. С этим он не дружит, с textarea он не дружит (row и параметр disabled)... Эх.(=

[ryter]

тут главное уметь правильно приготовить))

[logicface]

Короче я сделал так, что бы работало. Единственный способ который я нашел - это явно указать ширину родительским <li> через %. Тоже конечно не хорошо, но раз лис упирается, то что поделаешь.) Вот решение - http://jsfiddle.net/ydKX6/6/

Может кому пригодиться.

Edited March 10, 2014 by logicface

[npofopr]

хм. А разве display: block; width: 100%; для li не решает проблема? о_О 

Ну и для ul display: block;

 

Много же готовых реализаций выпадающих меню, вы посмотрите реализации. Не надо придумывать ерунду.

[Sensei]

Можно сделать так http://jsfiddle.net/ydKX6/7/

[logicface]

хм. А разве display: block; width: 100%; для li не решает проблема? о_О 

Ну и для ul display: block;

 

Много же готовых реализаций выпадающих меню, вы посмотрите реализации. Не надо придумывать ерунду.

Если для tupul вы говорите, то лис этой не поймет, если текста будет больше чем ширины <li>, то тест будет выползать за <li>. http://jsfiddle.net/ydKX6/8/

Можно сделать так http://jsfiddle.net/ydKX6/7/

Спасибо, буду разбираться как вы это сделали.)

[npofopr]

то тест будет выползать за

• . http://jsfiddle.net/ydKX6/8/

ну дак потому что white-space: nowrap;

[logicface]

 

то тест будет выползать за

• . http://jsfiddle.net/ydKX6/8/

ну дак потому что white-space: nowrap;

 

А без него текст не в 1 строку.=) Мне надо сделать что бы блок расширялся еще шире чем 100% если текст больше блока, а не что бы текст начинал сживаться под размер блока.)

Edited March 11, 2014 by logicface