Windows Vista Tips

Windows Vista Tips > Newsgroups > Internet Explorer > IE 8.0.6001.18865 fails to update <select> field size

Reply
Thread Tools Display Modes

IE 8.0.6001.18865 fails to update <select> field size

 
 
Allan Kikkas
Guest
Posts: n/a

 
      12-17-2009
IE 8.0.6001.18865 (win vista) fails to update <select> field size when the
change happens in css class change - text changes to larger but select field
itself keeps its original size. It works when javascript sets the font size.
Works in previous versions.

Test case:

<!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" xml:lang="en" lang="en">
<head>
<style type="text/css">
BODY, SELECT { font-size: 12px; }
SELECT.bigger { font-size: 40px; }
</style>
</head>
<body>
<p><a href="#" onclick="document.getElementById('tmp').className = 'bigger';
return false;">Test me</a></p>
<p><select id="tmp"><option>AAAAAAAAAAAAAAAAAAA</option></select></p>
</body>
</html>

 
Reply With Quote
 
 
 
 
rob^_^
Guest
Posts: n/a

 
      12-17-2009
Hi,

Check your settings - Internet Options, General tab, Accessibility button,
uncheck "Ignore font sizes specified on web pages"

If that’s ok, then try my style snippet (I use a class name of combobox)

..ComboBox
{
font-size:1em;
height:1.5em;
}


Ahem. that’s it. Just specify your size rules in em and add a height rule.

Regards.

"Allan Kikkas" <Allan > wrote in message
news:7915E93C-A7B3-4E22-8385-...
> IE 8.0.6001.18865 (win vista) fails to update <select> field size when the
> change happens in css class change - text changes to larger but select
> field
> itself keeps its original size. It works when javascript sets the font
> size.
> Works in previous versions.
>
> Test case:
>
> <!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" xml:lang="en" lang="en">
> <head>
> <style type="text/css">
> BODY, SELECT { font-size: 12px; }
> SELECT.bigger { font-size: 40px; }
> </style>
> </head>
> <body>
> <p><a href="#" onclick="document.getElementById('tmp').className =
> 'bigger';
> return false;">Test me</a></p>
> <p><select id="tmp"><option>AAAAAAAAAAAAAAAAAAA</option></select></p>
> </body>
> </html>
>

 
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
WINDOWS UPDATE ERROR CODE 646 Lauracecilia Windows Update 13 12-10-2009 06:02 PM
Root certificate updates Smirnoff Windows Update 11 11-25-2009 06:19 PM
Activesync hangs on Calendar - Reproducible Error Troy Lokitz ActiveSync 5 08-15-2007 06:28 PM
The Vista Windows update repeatedly fails to install a "recommended" driver. Trond Ruud Windows Vista Hardware 1 06-12-2007 07:46 PM
ActiveSync 4.1, Calendar and "Processing" Dale Reeck ActiveSync 10 12-20-2005 12:44 AM



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59