[Webinar] Streamline your web hosting managementRegister Today

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

Featured Post

[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

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