Довольно часто мы попадаем в ситуацию, в которой в угоду дизайну или по другим причинам, select-box должен быть узким, с жестко заданной шириной, а варианты выпадающего меню в Интернет Эксплорере в такой ситуации фактически не читаемы.
Стандартными средствами это решить нельзя, но существует небольшой хак (да простят меня боги-валидаторы), который позволяет отменить жестко заданную ширину для элемента option внутри нашего select-box‘a. Смотрим в продолжении.
Если это наш select:
<select style="width: 200px" class="class"> то вот нужный нам css-хак:
.class{behavior:expression(window.dropdown_menu_hack!=
null?window.dropdown_menu_hack(this):0);}
имхо неплохо бы было пример выкладывать, чтобы сразу можно было и результат увидеть
Grimskin
Согласен, в следующий раз попробую организовать.
Ага, и ещё
взятый отсюда:
http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/bk/dropdown_menu_hack.js
А пример здесь:
http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/bk/demo.php
m_vitaly
Такой длинный скрипт ради одного селекта.. :)
Что-то у меня не запалило, мот подскажете что не так? Класс в отдельном файле, жаваскрипт тоже на месте. Серверная обработка – ASP.NET 2.0