VPF::Проблема с Select в IE - Форум программистов

mantikore

Дата 23.1.2009, 23:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 10.6.2008

Репутация: нет
Всего: нет

Например есть такой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
select
{
width: 300px;
}
</head>
<body>
<form action="handler.php">
<p><select>
<optgroup label="Русская кухня">
<option value="r1">Закуска Барская</option>
<option value="r2">Раки, фаршированные по-царски</option>
<option value="r3">Биточки в горшочке</option>
</optgroup>
<optgroup label="Украинская кухня">
<option value="u1">Галушки славянские</option>
<option value="u2">Пампушки украинские</option>
<option value="u3">Жаркое по-харьковски</option>
</optgroup>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>

Если значение в option превышает указанный размер в стиле select 300px то во всех браузерах, кроме IE option растягивается под самый длинный из элементов в списке. В IE длина optiona остается 300px. Как это обойти? Просто необходимо, чтобы select был ограниченной длины. Прописывать стиль optionу бесполезно.
Заранее спасибо

ksnk

Дата 24.1.2009, 01:12 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Некоторые вещи таковы, каковы они есть...

Можно подменить стандартный select каким нибудь заменителем на JavaScript'е. Тут где-то в "Наших проектах" чего-то такое даже есть...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

supervladislav

Дата 24.1.2009, 12:22 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

попробуй задать в других еденицах pt например

olldman

Дата 24.1.2009, 13:12 (ссылка)

(нет голосов)

Загрузка ...

Дед

Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6

Помести select в div и задай ему нужное значение ширины

webster

Дата 26.1.2009, 02:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

На всамом деле все гораздо проще smile

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
select
{
width: 300px;
}
</head>
<body>
<form action="handler.php">
<p><select>
<optgroup label="Русская кухня">
<option value="r1">Закуска Барская</option>
<option value="r2">Раки, фаршированные по-царски</option>
<option value="r3">Биточки в горшочке</option>
</optgroup>
<optgroup label="Украинская кухня">
<option value="u1">Галушки славянские</option>
<option value="u2">Пампушки украинские</option>
<option value="u3">Жаркое по-харьковски</option>
</optgroup>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>

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

Код


select
{
width: 300px;
}

вместо:

Код


<style type="text/css">
select
{
width: 300px;
}
</style>

Все работает во всех броузерах и корректно.

blah

Дата 26.1.2009, 02:38 (ссылка)

(голосов:1)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

Ну браузеры уже научились понимать css даже необрамленный в <style>, но проблема-то не в этом.
ТС, хухл->dropdown_menu_hack.js или custom forms.

webster

Дата 26.1.2009, 02:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Цитата(blah @ 26.1.2009, 02:38

)

Ну браузеры уже научились понимать css даже необрамленный в <style>, но проблема-то не в этом.

blah скажите в каких броузерах, я просмотрел результаты вывода этой страницы без тегов <style>, в FF 3.0, Opera 6.2, Safari 3.1, IE6, IE7 просто выводится строка

Код


select
{
width: 300px;
}

в тектовом виде на странице?

blah

Дата 26.1.2009, 17:13 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

Я шевелил ушами, Вы наверное не заметили.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »