html - height for form element "select" displayed incorrectly in IE on server but on local machine is ok -


i have next code element form "select":

<div style="width: 300px; margin: 0 auto; background: yellow;"> <form>     <select style="width:100%; height: 24px; line-height: 16px; padding: 2px; background: none repeat scroll 0 0 #ffffea; border: 1px solid #b7ab8c; color: #605436; font-family: arial,tahoma,verdana,sans-serif; font-size: 12px;">         <option>item 1</option>         <option>item 2</option>     </select> </form> 

the element displayed differently on local machine , server ie. can't change height element "select" ie on server, while on local machine display correctly.

thanks.

displayed differently on local machine , server ie

this problem "document mode" ie using render page.

open page on both local machine , server, hit f12 in both of them bring developer tools. compare "browser mode" , "document mode" between 2 pages.

you can fix adding inside <head>:

<meta http-equiv="x-ua-compatible" content="ie=edge"> 

Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -