Hi Thanks, Here is a mockup. It is not nice. I just wanted to show you the problem
<html> <head> <style type="text/css"> select {width:30%; float:left} .select {width:500px; float:left} fieldset input { clear:left; margin:5px 0; text-align:center; width:100%; } fieldset { border:0 none; height:100px; padding:75px 5px 5px; width:3%; } .select { border:0 none; display:block; float:left; margin-bottom:10px; padding:0; text-align:center; width:100%; } </style> <script type="text/javascript" src="jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.add').click(function(){ var left = $('#select1'); var leftOpts = left.find('option:selected'); var right = $('#select2'); right.append(leftOpts); }); }); </script> </head> <body> <div> <fieldset class="select"> <select id="select1" name="select1" size=12 multiple="multiple" class="s"> <option>aaaaaaaa</option> <option>bbbbbbbbb</option> <option>ccccccccc</option> <option>ddddddddd</option> <option>eeeeeeeee</option> </select> <fieldset> <input type="button" class="add" value=">" /> <input type="button" class="remove" value="<" / > </fieldset> <select id="select2" name="select2" size=12 multiple="multiple" class="s"> </select> </fieldset> </div> </body> </html> select options from the first select and press the right button. in ie7 it will shrink. Thanks, David On Jan 15, 11:03 am, "emmj...@gmail.com" <emmj...@gmail.com> wrote: > Do you have an example of what it's doing so we can get a better idea > of what you mean? > > On Jan 15, 2:48 am, david <michaelg...@gmail.com> wrote: > > > I see it is a problem in ie7: > > It is a regression in > > it.http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread... > > > Even then, is it possible to make something that append should work > > cross browser ? > > > On Jan 15, 10:44 am, david <michaelg...@gmail.com> wrote: > > > > I see that i am not the only person who had this problem > > > This post was sent two months ago with two additional persons who had > > > the > > > problem.http://groups.google.com/group/jquery-en/browse_thread/thread/92a792d... > > > > Can someone please help and explain the problem? > > > > On Jan 14, 7:26 pm, david <michaelg...@gmail.com> wrote: > > > > > Hi all, > > > > > I have written a control of 2 select boxes with buttons where i can > > > > move options from left to right and vice versa. > > > > In ie7 when i make the action of moving from left to right, the select > > > > boxes shrink suddenly. I narrowed the problem to theappendfunction > > > > here is the code from right to left: > > > > var left = $(this).parent().parent().find('#select_left'); > > > > var right = $(this).parent().parent().find('#select_right'); > > > > var rightOpts = $(this).parent().parent().find('#select_right > > > > option'); > > > > left.append(rightOpts); > > > > > The problem just appears when i define thewidthof the select boxes > > > > in % not in pixels. > > > > > Thanks in advance, > > > > David