Forum Moderators: open

Message Too Old, No Replies

Listbox rows not working in Safari/Chrome

         

IntegrityWebDev

9:10 pm on Feb 23, 2010 (gmt 0)

10+ Year Member



I have the following code:

<label for="user">Please describe your production needs:</label>
<asp:ListBox ID="lbprodsequences" runat="server" Rows="3">
<asp:ListItem>Need Background Music</asp:ListItem>
<asp:ListItem>Need Opening, Closing Sequence</asp:ListItem>
<asp:ListItem>Need Contact Info Slides</asp:ListItem></asp:ListBox>


In IE and FF this code renders out 3 row listbox.

In Chrome and Safari this box is too tall and comes out looking like a 4 row box with the last row blank (although you cannot select it).

Any thoughts on a fix for this?

mattglet

9:21 pm on Feb 23, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Can you paste the HTML that gets outputted for the ListBox?

marcel

8:46 am on Feb 24, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



When I test it I get the following HTML:


<label for="user">Please describe your production needs:</label>
<select size="3" name="lbprodsequences" id="lbprodsequences">
<option value="Need Background Music">Need Background Music</option>
<option value="Need Opening, Closing Sequence">Need Opening, Closing Sequence</option>
<option value="Need Contact Info Slides">Need Contact Info Slides</option>
</select>


I can reproduce the problem, but unfortunately I do not have a solution for you. It looks like Safari and Chrome always show a minimum of four rows, if you add a fourth option and set size="4" it works fine.

Maybe the HTML forum [webmasterworld.com] could help you out better.

IntegrityWebDev

1:25 pm on Feb 24, 2010 (gmt 0)

10+ Year Member



Thanks guys, I will check over there on the HTML forum.