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

Woody

Дата 12.5.2009, 11:00 (ссылка)

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

Загрузка ...

Новичок

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

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

Решил нарисовать красивую кнопочку, используя тэг BUTTON и фоновые картинки.

Идею позаимствовал здесь.

Всё бы ничего, но при задании аттрибута min-width в IE 7 кнопочки, помещённые внутрь таблицы ведут себя, прямо скажем, нехорошо (обрезаются самым безжалостным образом).

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

Так и не понял, какими стилями можно заставить кнокпи показываться в таблице правильно под IE.

Эффект упоминается в приведённой ссылке (в обсуждении), но предлолженный там метод (задать кнопкам в таблице width:100%) не помогает при наличии min-width.

Код примера в прилагаемом архиве.

Может кто-то использовал этот подход и знает как бороться с кнопками в таблице?

Присоединённый файл ( Кол-во скачиваний: 3 )

button.zip 14,67 Kb

bars80080

Дата 12.5.2009, 14:05 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

а большой min-width? попробуйте засунуть в ячейку div с шириной width, которая должна быть для min-width

Woody

Дата 13.5.2009, 09:43 (ссылка)

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

Загрузка ...

Новичок

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

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

Обернуть в div я пробовал. Не помогает, к сожалению.

bars80080

Дата 13.5.2009, 14:43 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

не обернуть в див, а внутрь того что не должно сужаться - вставить див с фиксированной шириной

Woody

Дата 13.5.2009, 15:08 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(bars80080 @ 13.5.2009, 14:43

)

не обернуть в див, а внутрь того что не должно сужаться - вставить див с фиксированной шириной

Код


<button class="sipbutton" onclick="alert('pressed 1')">
<div style="width:75px">
<span>
New test of sliding doors<img height="9" width="9" class="imgr" src="icon.png"/>
</span>
</div>
</button>

Так?

bars80080

Дата 13.5.2009, 15:44 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

не,

Код


<button class="sipbutton" onclick="alert('pressed 1')">
<div><span>
New test of sliding doors<img height="9" width="9" class="imgr" src="icon.png"/>
</span></div>
<div style="width:75px">&nbsp;</div>
</button>

Woody

Дата 13.5.2009, 18:38 (ссылка)

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

Загрузка ...

Новичок

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

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

В результате решением оказалось

Код


<style>
.stub{
width:1px;
height:1px;
}

</style>
<button class="sipbutton" onclick="alert('pressed 1')">
<div class="stub"/>
<span>Test of a long value</span>
</button>

Разумного объяснения у меня этому нет. Сплошное шаманство. Причём работает одинаково хорошо в IE 7 и в FF 3

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