I am creating a calculator.This is my html for the calculator:
http://pastebin.com/JQYbNBmZ
and this is my css for the calculator:
http://pastebin.com/DEMgqyYi
I have used width="100%" for the buttons CE, CA and 0 to stretch 2 columns. However, if I use height="100%" for the buttons + and = to stretch 2 rows all the buttons actually get smaller. How would you go about that?
If you want to use a percentage value in
height, the parent element must have a fixed height likeheight: 51px;.You can check this for more informations : CSS – why doesn’t percentage height work?
I have updated your jsfiddle : http://jsfiddle.net/bsDVD/3/