Welcome to WebmasterWorld Guest from 54.196.244.186

Forum Moderators: incrediBILL

Message Too Old, No Replies

drop down ie issue mozilla looks fine

     
12:45 pm on Apr 2, 2008 (gmt 0)

New User

10+ Year Member

joined:Apr 21, 2005
posts:24
votes: 0


Hi
I have a drop down, the drop down values looks fine in mozilla but it doesnot show the full content in IE6 and 7.
I have set the width of the select box to 120px I canít increase it otherwise the layout may break.
Is there any way we can disply the full text in drop down in IE like it shows in mozilla, the sample code is below.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="screen">
select{
width:120px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>drop down length</title>
</head>

<body>
<form name="testform" id="testform1">
<select name="test" id="test" width="60px">
<option selected="selected" value="value1">Click here</option>
<option value="click here">this line is not visible in IE, it breaks in between</option>
<option value="click here">this line is not visible in IE. looks fine in mozilla</option>
</select>
</form>

</body>
</html>