Проблем със Resize

NevarMore

Registered
Здравейте имам проблем със resize...

Имаме обикновена форма.
Код:
<form method="POST" action="" id="JoinVF">
			   
			   <input type="text" class="emailGet" id="emailGet" value=" Refferal’s e-mail or phone">
			   <input type="submit" class="submitVeblenProceed" value="Proceed" >
			   
			   </form>

във в CSS съм задал това
[css]#JoinVF,input {
display:block;
padding:18px 18px 18px;
color:#fff;
font-family: 'Myriad Pro', arial;
font-size:15px;
}

.emailGet{
font-family: 'Myriad Pro', arial;
font-size:15px;
margin-top:9%;
color:#ccc;
width: calc(100% - 36px);
height:44px;
border:none;

}[/css]


Искам на Haight на emailGet да бъде пропорционален със проценти а не със пиксели... Ако сложа Padding-bottom ще прецакам padding-га на input полето...

Аз ползвам резолюция 1920х1080 и при мен 44px са ок, но като го сложа във firefox на екран с по-ниска резолюция и това става огромно, искам да е със проценти да си се наглася навсякъде както трябва да изглежда.


Поздрави !
 
Виж дали няма да стане с мерните единици "ex" и "em". Само че числата ще са ти по-малки, ще трябва да ползваш дроби.
 

Back
Горе