Полосы прокрутки для выбора

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

У меня есть такой код:

 <div style="border:solid; border-width:1px; overflow:auto ; width:135px; 
  height:40px" align="left">
<select name="selSubscriberList" style="border:none; min-width:145px; height: 30px;" </select>

My porblem here is, aside from the vertical scrollbar that the div generates, the input select also has its vertical scroll. So when I slide the horizontal scroll to far right, the vertical scroll of select shows.

Как мне обойти это? Довольно неприятно. :(

спасибо, тинкс


html scrollbars
person tinks    schedule 21.09.2011    source источник
comment
Непонятно, чего вы хотите достичь ... в любом случае у вас есть опечатка в вашем коде (тег select не закрыт). Когда я запускаю этот код, я не вижу вертикальной полосы прокрутки при выборе, только кнопку открытия раскрывающегося списка. Какой браузер вы используете?   -  person mamoo    schedule 21.09.2011
comment
На самом деле я просто хочу иметь вертикальную и горизонтальную полосу прокрутки для моего выбора ... я использую IE8 ... полосы прокрутки отображаются на самом деле, за исключением того, что поскольку они являются полосами прокрутки div, тогда мой выбор имеет больше элементов, чем установленный размер, если показывает собственную вертикальную полосу прокрутки, что делает ненужным.   -  person tinks    schedule 21.09.2011
comment
Я хотел бы загрузить изображение для более четкого объяснения. Я впервые занимаюсь веб-разработкой, и это действительно расстраивает ›.‹   -  person tinks    schedule 21.09.2011
comment
Да, изображение было бы действительно полезно!   -  person Niko    schedule 21.09.2011

Ответы (1)


arrow_upward
0
arrow_downward

Что вам нужно сделать, так это контролировать поведение ваших элементов (div, select) в случае переполнения (это означает, что содержимое больше, чем сам элемент). Попробуй это:

<div style="overflow: visible; border: solid; border-width:1px; width:135px; height:40px" align="left">
    <select name="selSubscriberList" style="overflow: auto; border:none; min-width:145px; height: 30px;">
person Niko    schedule 21.09.2011
comment
привет, спасибо, но я думаю, что это не сработало .. Я нашел это и попробовал stackoverflow.com/questions/5715705/, вертикальная полоса прокрутки работала отлично, но когда я установил overflow-x: scroll, моя проблема возникает, если высота и ширина больше заданного размеры ... отображаются вертикальная полоса прокрутки div и выбор, что дает мне 2 вертикальные полосы прокрутки, если я разрешаю overflow-x: scroll .. - person tinks; 21.09.2011
comment
как вы думаете, я могу показать горизонтальную прокрутку и одну вертикальную прокрутку? - person tinks; 21.09.2011