yossia
07-22-2003, 05:02 PM
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.
Code exaple for the problem:
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>
Do you know a better way to solve the problem?
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.
Code exaple for the problem:
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>
Do you know a better way to solve the problem?