Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 196
  • Last Modified:

IE7 and input box sizes

Hi there, i have quite a large application which predates IE7, it displays perfectly in IE6, however in IE7 the input boxes, such as text and dropdowns have shrunk!

My CSS is:

input, textarea, select
{
      font-size:11px;
      height:13px;
      font-family:Tahoma, Garamond, Arial;      
      color:#293E69;
}

How do i correct that so it works the same in IE6 and IE7?

Many thanks
0
Type25
Asked:
Type25
  • 2
1 Solution
 
VirusMinusCommented:
put this in your html code, just before your inside your <head> and </head> tags but after your main CSS file is referenced

<!--[if gte IE 6]>
       <style type="text/css">
         input, textarea, select
         {
             font-size: 11px; /*change*/
             height: 13px; /*change*/
         }
      </style>
<![endif]-->


Note: you can add other properties such as width's etc and alter heights and font-sizes until you can make the inputs look the same as IE6
0
 
Type25Author Commented:
I have about 200 aspx pages.

Will that above code work in a .css file?
0
 
VirusMinusCommented:
no it won't. but you can try this: http://snook.ca/archives/html_and_css/targetting_ie7/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now