По сабжу (браузеры всё же уточняйте - ага? а то влом перебирать все чтобы багу воспроизвести) - для инпута проставьте корректное значение font-size и будет вам щастье.
|
Цитата:
я к тому, что "width:98%; padding:0 1%;", т.е. поля не задашь в пикселях при таком раскладе, а они нужны, иначе текст будет "липнуть" к краям. |
Цитата:
Цитата:
<style>
input {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid gray;
padding: 4px;
*width: 97%;
*padding: 4px 1%;
}
</style>
<input />
|
danik.js,
box-sizing распространение получил относительно недавно, поэтому есть куча кода который надо поддерживать, а не переписывать. В идеале-то, конечно, лучше использовать его (а ещё лучше без префиксов и оглядки на старых ослов). А с процентными бордерами, уже и не помню... как вариант обернуть дивкой с margin:0 1px; и инпуту width:100%; а бордеры пусть на отступы накладываются. |
Цитата:
Цитата:
<!DOCTYPE html>
<style>
body {
outline: 1px dotted blue;
}
div {
margin: 0 5px;
}
input {
width: 100%;
border: 1px solid red;
padding: 4px;
margin: 0 -5px;
}
</style>
<div><input /></div>
|
| Часовой пояс GMT +3, время: 22:12. |