Raghav
Raghav

Reputation: 3058

Text box height is bigger in IE8 (compatibility view only)

I have textbox which is rendered fine in Chrome, firefox and IE8(normal view). If i change the IE8 to Compatibility view, then the textbox is appearing bigger in height.

Please help me in fixing this.

Thanks in advance.

enter image description here

1st image is is in compatibility mode. 2nd image is in normal view

Upvotes: 0

Views: 1514

Answers (3)

bsandhu
bsandhu

Reputation: 507

It seems to some weird padding IE adds. This worked for me:

padding: 0px;

Upvotes: 1

Raghav
Raghav

Reputation: 3058

Strange. I added the following css:

vertical-align: top;
line-spacing: 0px;
text-indent: 0px.

Now the textbox height is same in both the views.

Upvotes: 0

jerjer
jerjer

Reputation: 8760

try adding this in the <head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Upvotes: 0

Related Questions