Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Select в ячейке таблицы на всю ее ширину


Автор: Alexey(Eburg) 19.5.2006, 08:21
Доброго времени суток. Проблема такая:
Есть таблица width=100%. 10 столбцов каждый по 10%. В одной из ячеек стоит select. Мне бы хотелось, чтобы select занял всё место, отводимое ячейке, то есть сузился, если его размер большее размера ячейки и увеличился, если меньше!
Возможно ли? Заранее спасибо! 

Автор: R.M. 19.5.2006, 10:03
Alexey(Eburg), 
Код
<select style='width: 100%;'>
 

Автор: Alexey(Eburg) 19.5.2006, 10:23
Не работает в Mozilla FireFox. В IE нормально. Есть другие способы? 

Автор: R.M. 19.5.2006, 10:48
Alexey(Eburg), я в FF и проверял

Добавлено @ 10:50 
И что же тут неработает?
Код
<table style='width: 100%; border: 1px solid black;'>
<tr>
<td style='width: 20%;'><select style='width: 100%;'><option>1</option><option>2</option></td>
<td>Text</td>
</tr>
</table>
 

Автор: Alexey(Eburg) 19.5.2006, 10:59
А вот так попробуй в Mozile или в Netscape
Код

<table border=1 style='width: 100%;'>
<tr>
<td style='width: 10%;'>
<select style='width: 100%;'>
<option>Длинный Текст Длинный Текст</option>
<option>Еще более длинный текст Еще более длинный текст</option></td>
<td style='width: 90%;'>Text</td>
</tr>
</table>
 
Расширяет, а вот уменьшать не хотит! 

Автор: R.M. 19.5.2006, 11:03
Alexey(Eburg), у меня всё отлично работает. Так же как и в ИЕ. Что именно неработает у тебя? Может я чего то не замечаю? 

Автор: Alexey(Eburg) 19.5.2006, 11:08
Еще раз! В Mozile и Netscape если в опциях selecta большие строки, то select не уменьшается! Вот посмотри в Mozille первая ячейка должна быть 10%, но при больших размерах selectа она расширяется до его размера. 

Попробуй загрузить мой код и поуменьшай окно браузера! У тебя уменьшается размер первой ячейки? 

Автор: igorold 19.5.2006, 11:16
я попробовал в Мозилле и та колонка, где select не уменьшается меньше чем ширина максимального текста ...
а разве какими-либо параметрами можно задать уменьшение select-а ??? 

Автор: R.M. 19.5.2006, 11:21
Alexey(Eburg), понял, у меня просто щас только FireFox и IE под рукой. Попробуй ему фиксированную ширину дать (например 50px) если select уменьшится можно будет чтото придумать наверно. 

Автор: Alexey(Eburg) 19.5.2006, 11:31
igorold, Не поверишь в IE работает, в Mozille нет!

Куксикус, размер selecta уменьшается, но я хотел сделать форму полностью зависимую от размеров окна, то есть все ориентировать на %! 

Автор: R.M. 19.5.2006, 11:51
Alexey(Eburg), я понял, прочитай внимательнее мой последний пост.
Цитата(Куксикус @  19.5.2006,  12:21 Найти цитируемый пост)
если select уменьшится можно будет чтото придумать наверно.  

Я ответа незнаю но может ктото другой поможет. Вероятнее всего min-width сможет помочь 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)