Diskuze: Šířka inputů v %

HTML a CSS HTML a CSS Šířka inputů v % American English version English version

Avatar
Matyáš Procházka:

Ahoj,

řeším právě problém s procentuální šířkou inputů... Mám 2 inputy vedle sebe (text, submit)... Textový input má nastavenou 75% šířku a submitový 25% šířku, z čehož by mělo plynou, že se vedle sebe krásně vejdou... Když jim odstraním rámeček atd. tak se daj vedle sebe, jakmile ale tomu textové inputu nastavím 10px padding ze stran, stane se to, že submitový input poskočí o řádek níž, protože se tam nevejde... A já teď nevím, jak udělat, aby ten textový input měl 10px padding ze stran, ale zároveň aby se oba inputy vešly vedle sebe.

Jediné, co nakonec pomohlo bylo, že jsem místo <!doctype html> napsal pouze <!doctype>. Poté se tam krásně vešly, ale nevím zda toto můžu udělat a zda je to validní? :)

Věděl by si někdo rady?

 
Odpovědět 9.2.2015 19:37
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Matyáš Procházka
Tonda Kozák:

Řekl bych, že <!DOCTYPE> je nesmysl a prohlížeče to berou, jako kdyby tam nebyl (vymýšlím si).

Normálně si v CSS můžeš přepnout box model http://jecas.cz/box-model
(To samé jsi udělal neuvedením / uvedením chybného doctype.)

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět 9.2.2015 19:40
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Matyáš Procházka
IT Man:

Nastav menší % šířku inputu tlačítka na 20%. :)
Je tedy pak samozřejmostí, že pokud přidáš padding z 25% se stane např. 30% (neznám tvé rozměry).

Nahoru Odpovědět 9.2.2015 19:41
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na Tonda Kozák
Matyáš Procházka:

Velice děkuji,

přesně toto:

box-sizing: border-box

jsem hledal ;)

 
Nahoru Odpovědět 9.2.2015 19:47
Avatar
Odpovídá na IT Man
Matyáš Procházka:

Právě potřebuji, aby vždy dohromady dávaly 100% šířky parent elementu... takže potřebuji pevně nastavit 75% a 25% šířku :)

 
Nahoru Odpovědět 9.2.2015 19:48
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.