Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] width:100% + padding
varez
post
Post #1





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mls
post
Post #2





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Do styli CSS elementu INPUT należy dodać jeszcze:
  1. -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

...aczkolwiek zadziała to tylko w nowszych przeglądarkach opartych o WebKit i Gecko...
Go to the top of the page
+Quote Post
varez
post
Post #3





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

Ostrzeżenie: (0%)
-----


Cytat(mls @ 28.05.2010, 20:58:45 ) *
Do styli CSS elementu INPUT należy dodać jeszcze:
  1. -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

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

no przecież napisalem ze box-sizing mnie nie interesuje.
Go to the top of the page
+Quote Post

Posty w temacie
- varez   [CSS] width:100% + padding   28.05.2010, 17:54:01
- - tehaha   jedyne rozwiązanie jakie przychodzi mi do głowy to...   28.05.2010, 18:13:12
- - varez   nie brzmi źle, oprócz tego, że z inputa taki akapi...   28.05.2010, 19:00:38
- - tehaha   jaki akapit?   28.05.2010, 19:05:05
- - varez   p = paragraph   28.05.2010, 19:21:19
- - mls   Do styli CSS elementu INPUT należy dodać jeszcze: ...   28.05.2010, 19:58:45
- - varez   Cytat(mls @ 28.05.2010, 20:58:45 ) Do...   28.05.2010, 21:50:16


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 13:27