Closed Thread Icon

Topic awaiting preservation: horizontal scrollbars in select box (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=8766" title="Pages that link to Topic awaiting preservation: horizontal scrollbars in select box (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: horizontal scrollbars in select box <span class="small">(Page 1 of 1)</span>\

 
Yossi Admon
Bipolar (III) Inmate

From: Israel
Insane since: Nov 2001

posted posted 07-21-2003 19:59

Hi,
I created select box with specific height and width (SIZE=?10? STYLE=?WIDTH:220px?), the select box content may be names longer than 220px.
The application I?m working on supports NS7+ and IE5.5+.
In NS7, the browser supplies horizontal and vertical scrollbars by default.
In IE, it does not supply the horizontal scrollbar.
I tried to bypass this problem (in IE only) by creating a div contain the select box inside where the select box defined with WIDTH:1000px.
It looks like it solved the scrollbars problem but it created a problem with paging and with the use of the arrows.

Do you know a better way to solve the problem?


Rinswind 2th
Maniac (V) Inmate

From: Den Haag: The Royal Residence
Insane since: Jul 2000

posted posted 07-21-2003 20:39

Ehrr...could you give us a link or post some code so we can see what happens. I don't realy understand the problem:
You created a box and you want scrollbars, horizontal and vertical but the horizontal ones don't show up in Internet explorer? So you tried to put the box in a div?
And now you have an odd paging/arrow problem?


__________________________________________
"Art has to be forgotten. Beauty must be realized."
Piet Mondriaan

Yossi Admon
Bipolar (III) Inmate

From: Israel
Insane since: Nov 2001

posted posted 07-21-2003 21:11

Original code
<SELECT NAME="customerScripts" MULTIPLE style="WIDTH:220px" SIZE=10 >
<OPTION value="1">add here a long script name and you will see that IE not supports horizontal scrollbar</OPTION>
</SELECT>

My solution
<div style="OVERFLOW:auto;WIDTH:220px;HEIGHT:180px">
<SELECT NAME="customerScripts" MULTIPLE style="WIDTH:1000" SIZE=10 >
<!--add here many elements-->
</SELECT>
</div>


« BackwardsOnwards »

Show Forum Drop Down Menu