Стас Агарков

Интересно, если попробовать увеличить системные шрифты в Windows, поставить например тему оформления «Крупный шрифт», то многие сайты, которые полагаются на стандартные размеры элементов управления разползутся?..

Мой вопрос был большей частью к автору кода...

Вы считаете, что это красивый код? Я считаю, что это грязные хаки.

Спасибо за объяснение. Это ужасно. Я лучше напишу длину 194 пикселя и не буду городить кучу непонятных свойств, которые эмулируют режим десятилетнего браузера.

Какой же это фикс? input ,div , textarea, select{ width: 100%; overflow: hidden;}

Посмотрел, спасибо. Но у вас 100% размеры. Я попробовал в вашем примере написать длину в пикселах и проявилась та же самая ошибка. Так что у вас условия задачи изменены

А почему этих дополнительных стилей нет у select? Другими словами, у select они по умолчанию равны 0...

Да, спасибо, вы правы. Но мне понятно, почему на элемент select не действуют эти правила? Ему пишу ширину 200 пикселов и он помещается в 200 пикселов своими внешними границами.

Не хочется так хардкодить, хочется разобраться почему так, может быть есть более красивые решения.

Я попытался сделать элемент <input type="text"> в док-тайпе HTML 4.01 Strict. Я указал ему ширину: <input type='text' style='width: 200px;'> Но в результате получил input с длиной 204 пиксела во всех браузерах (Opera 9.64, IE8, Chrome 3.0, FF 3.6). Когда я убрал док-тайп, то ширина стала 200 пикселов. Я попробовал применить XHTML Strict и XHTML Transitional, то всё равно получал длину элемента в 204 пиксела. Помогите, пожалуйста, разъяснить ситуацию.