Ширина Option vc IE

[klierik]

приветствую.

такой трабл.. есть select с фиксированной шириной

любой браузер содержащиеся в нем оптионы растянет на ширину текста.

конешно же кроме IE.

таблетку против ИЕ6 нашел:

<style>
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
</style>

но в ИЕ7 оно уже несрабатывает (((

у когото есть соображения?!

[Tokolist]

а можно поподробней?

[klierik]

ну к примеру.. есть селект:

<select style="width:256px;"></select>

так вот.. его ширина как мы видем 256пк.

если он будет содержать option, у которого длтна текста будет больше етих 256пк

<select style="width:256px;">
 <option>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</option>
</select>

то во всех браузерах он будет отображаться нормально, а именно ширина выпадающих полей

будет равна ширине самого длинного поля.

IE же в свою очередь. в тупую, обрезает ширину option до ширины select`a

мною выше предоставленный хак позволяет от этого избавиться для IE6 (скорее и ниже)

IE7, к сожалению, на данный хак неведеться.

Собственно вот такая тема на обсуждение

[Vlad]

Задай в стиле _width:300px; этот код работает только для IE,

[klierik]

да знаю. прич ем этот хак работает только в ИЕ6. но это нам никак не помогает!

предугадать какой ширины будет контент нельзя.

так же сам селект должен быть именно заданной ширины.

а вот выпадающие option`ы уже должны приравниваться длине содержащего в себе контента.

[Tokolist]

даже в спецификации сказано, что селект разные браузеры под разными осями могут отображать по своему, поэтому это лежит на совести программистов

имхо выхода только три

1. не задавать фиксированную ширину вообще

2. при получении фокуса через js задавать style.width = 'auto' и абсолютное позиционирования дабы не нарушить верстку (ибо зачем вообще задавать фиксированную ширину), а при потере фокуса возвращать все обратно

3. эмулировать селект. написать свое или использовать готовые решения, которых в сети (ну просто) море

то что в первом посте это не хак, а банальная эмуляция селекта

http://www.hedgerwow.com/360/dhtml/ui_sele...dth/bk/demo.php

http://www.hedgerwow.com/360/dhtml/ui_sele...wn_menu_hack.js

, которую можно адаптировать под 7 ие, но смысла нет, поскольку существуют варианты получше (см. п. 3)