C# Windows Application Form to Html Form

Question

I'm working on a project where I need to convert a C# windows application form to an HTML form programmatically.

I'm having problems with sizing the HTML text boxes appropriately. I set the width and height to the exact same width and height (in pixels) used on the winforms equivalent but it ends up being bigger than the winforms equivalent.

The other controls (label, groupbox ...) appear OK. Clues anyone?

Answer 1

The CSS trick for Box Sizing would come in rescue for your case:

textarea { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

More detials you can find here: http://css-tricks.com/box-sizing/