[CSS] width:100% + padding Opcje

[varez]

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)

[tehaha]

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 

Ten post edytował tehaha 28.05.2010, 18:14:25

[varez]

nie brzmi źle, oprócz tego, że z inputa taki akapit jak ze mnie papież (IMG:style_emoticons/default/tongue.gif)

[tehaha]

jaki akapit?

[varez]

p = paragraph

[mls]

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...

[varez]

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.