D
david.k.land
I have some code that is exhibiting strange behavior. It appears to be
related to the use of frames, a <select> control, and some basic CSS.
I'll list the HTML at the end of the post (three separate files).
The gist is that If you put a multiple=true <select> tag inside a frame
and set the "width" style, it becomes impossible to grab the scrollbar
of the select control if you adjust the frame separator slightly to the
left. Actually, if you set the width of the select box to value in a
certain range you can actually grab the scrollbar again if you move the
frame slider far enough to the left. In the sample code I list, if you
move the frame slider about half way between where it starts out at
(200px over) and the left edge of the page, you won't be able to grab
the scrollbar. However, if you move the slider all the way over to the
left, you will be able to grab it. It appears to have something to do
with the relationship between the width of the select box and the width
of the frame.
If you remove the width setting from the select box, things work
normally. Of course, if you removed the frames from the picture it
would be fine too, but I can't do that.
Does anyone know what's going on with this or have a work around? I
need to be able to set the width of the select box and it must work
inside a frame.
I'm running IE 6 on XP SP 2.
There are three files in all, frames.html, right.html, and left.html.
Their source is as follows:
-frames.html-
<html>
<frameset id="topframe" cols="200,*">
<frame src="left.html">
<frame src="right.html">
</frameset>
</html>
-left.html-
<html>
<body>
</body>
</html>
-right.html-
<html>
<body>
<select size=5 multiple=true style="width: 200">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
<option value="5">five</option>
<option value="6">six</option>
<option value="7">seven</option>
<option value="8">eight</option>
<option value="9">nine</option>
<option value="10">ten</option>
</select>
</body>
</html>
Thanks,
Dave
related to the use of frames, a <select> control, and some basic CSS.
I'll list the HTML at the end of the post (three separate files).
The gist is that If you put a multiple=true <select> tag inside a frame
and set the "width" style, it becomes impossible to grab the scrollbar
of the select control if you adjust the frame separator slightly to the
left. Actually, if you set the width of the select box to value in a
certain range you can actually grab the scrollbar again if you move the
frame slider far enough to the left. In the sample code I list, if you
move the frame slider about half way between where it starts out at
(200px over) and the left edge of the page, you won't be able to grab
the scrollbar. However, if you move the slider all the way over to the
left, you will be able to grab it. It appears to have something to do
with the relationship between the width of the select box and the width
of the frame.
If you remove the width setting from the select box, things work
normally. Of course, if you removed the frames from the picture it
would be fine too, but I can't do that.
Does anyone know what's going on with this or have a work around? I
need to be able to set the width of the select box and it must work
inside a frame.
I'm running IE 6 on XP SP 2.
There are three files in all, frames.html, right.html, and left.html.
Their source is as follows:
-frames.html-
<html>
<frameset id="topframe" cols="200,*">
<frame src="left.html">
<frame src="right.html">
</frameset>
</html>
-left.html-
<html>
<body>
</body>
</html>
-right.html-
<html>
<body>
<select size=5 multiple=true style="width: 200">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
<option value="5">five</option>
<option value="6">six</option>
<option value="7">seven</option>
<option value="8">eight</option>
<option value="9">nine</option>
<option value="10">ten</option>
</select>
</body>
</html>
Thanks,
Dave