Witam,
Mam sobie diva, którego szerokość będzię różna.
w środku chciałbym mieć inputa z max szerokością, ale z paddingiem

jak zrobimy:
input {
width: 100%;
padding: 3px 10px;
}

to input się robi dłuższy i wychodzi poza kontener.

jak to rozgryźć?
oczywiście nie zmieniająć box-sizing (czy jak tam szło to cudo z CSS3)

jedyne rozwiązanie jakie przychodzi mi do głowy to wsadzić tego inputa w <p> z ustawionym padding-right, równy padding'owi inputa + border inputa

[PHP] pobierz, plaintext 
<div id="middle" style="width:400px;">
                	<p style="padding-right:20px;"><input type="text" style="width: 100%;padding: 3px 10px;" /></p>
</div>
[PHP] pobierz, plaintext 

nie brzmi źle, oprócz tego, że z inputa taki akapit jak ze mnie papież

jaki akapit?

p = paragraph

Do styli CSS elementu INPUT należy dodać jeszcze:

[CSS] pobierz, plaintext 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
[CSS] pobierz, plaintext 

...aczkolwiek zadziała to tylko w nowszych przeglądarkach opartych o WebKit i Gecko...

no przecież napisalem ze box-sizing mnie nie interesuje.