Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Making the input boxes width and height 100% with respect to the width and height of the outer div

Making the input boxes width and height 100% with respect to the width and height of the outer div

Problem

I am not sure what to do here.

I would like to restrict my div's Width to 200px and make the input boxes 100% width and height inside the div. As it stands now, it seems that it overflows the width of the div box. Heres a quick pic of the problem (IE10):

Here's the markup:







Problem courtesy of: user1451890

Solution

You can add overflow:hidden; on the

see this FIDDLE
Solution courtesy of: web-tiki

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Making the input boxes width and height 100% with respect to the width and height of the outer div

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×