Jump to content
  • 0

Высота у select[multiple]


nastyamn
 Share

Question

Проблема с кроссбраузерностью мультиселекта. Есть такой селект:


<select class="b-task-status-execution" name="ts_status" multiple="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>


.b-task-status-execution{
border:1px solid #abb1c2;
font:normal 12px/16px Tahoma;
width:150px;
height:100px;
}
.b-task-status-execution option{
line-height:16px;
}

http://jsfiddle.net/nastyamn/kQ7ZC/1/

Нужно сделать чтобы не появлялся скролл,т.е. высота селекта была такой чтобы все пункты вмещались без прокрутки. Если прописывать высоту конкретную, то в ff нормально, в Opera и Chrome при такой высоте скролл появляется. Проверяла на другом компе при заданной высоте скролл в ff появляется. Можно ли как-то решить эту проблему?

помогите плиз!)

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

по-моему, вот здесь обсуждают вашу проблему http://stackoverflow...hout-scroll-bar

уже читала эту тему, пробовала всеми способами, что там описаны. Ничего не вышло ((( Прибегать к верстке селекта с нуля,то же не хочется.Тем более что мне нужен стандартный селект браузера.

Link to comment
Share on other sites

  • 0

http://jsfiddle.net/kQ7ZC/4/ может быть задать высоту мультиселекту с помощью аттрибута size равному количеству option .

да,Спасибо большое,уже к этому пришла :mellow: Правда заранее не знаю сколько будет пунктов в селекте, циклом будет прокручиваться массив,но думаю проблемы не составит счетчик прикрутить и значение в size записать )

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Grasss
      Имеется div блок (height:50px; width:400px;) 
      При наполнении контентом, высота div'а должна автоматически увеличиваться. 
      Нужен скрипт, который будет выполнять эту задачу.
    • By maxfloyd
      Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно)

      Код: https://jsfiddle.net/aemjkhp9/
    • By adriano31
      Rebeata, nujna pomosh. Ne znaiu kak skachat mnogo jpg files odnim klick-om . 
      Primer :
      http://img.tennis-warehouse.com/new_big/AMDBNBW-1.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-2.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-3.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-4.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-5.jpg
       
      Jelatelno bez zip, no esli netu drugogo vyhoda...
       
      Izvinite za moi ruskii. 
       
       
    • By Marina_dolya
      Добрый день. 
      Помогите решить проблемку. В chrom и Opera
      <select>
      <option>100g</option>
      </select>
      у g обрезаeтся хвостик. 
       
    • By Wile E
      Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная.
      Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option. 
      Простите, если не совсем понятно и корректно выражаюсь!

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy