JOIN DEVPPL

It looks like you are new here. If you want to get involved, click on Join below!



input styling


N

keyboard_arrow_up
0
keyboard_arrow_down


First Post Mark as Spam nicholasstephan
Posts: 1 - Registered: 2010-09-21 18:10:06

Hey,

Call me obsessive, but a single pixel does matter. And this is driving me insane.

If I have a normal text input, and I give it the following css styles:

font-size:12px;
line-height:12px;
padding:4px;
border:1px solid #000;

it should be 12 (line height) + 8 (padding top and bottom) + 2 (border top and bottom) = 22 pixels tall (this is visible area, I'm not worried about margins). But it's not!! It comes out at 25 pixels tall.

If this only happened in IE I would dismiss it as IE acting like IE, but it's doing this in all major browsers, so I must be missing something.

Anyone know where those extra 3 pixels are coming from?

Thanks.






JOIN DEVPPL

It looks like you are new here. If you want to get involved, click on Join below!




MENU
Advertising