[HTML][CSS] Input Submit a Height 100%, Nie mogę dać inputa type submit na całą wysokość. Opcje

[Weles]

Witam!
To chyba najgłupszy problem jaki kiedykolwiek miałem, ale nie potrafię zrobić:

[HTML] pobierz, plaintext 
<input type="submit" style="height: 100%;">
[HTML] pobierz, plaintext 

Height po prostu nie chce działać, a ja muszę mieć procentowy 100%, nie mogę wpisać np. 500px czy ileś bo to ma być dynamiczne dopasowanie przycisku - w tym problem że, w żaden sposób to Height nie chce działać :|
Proszę o pomoc.
Pozdrawiam!

[johnny_b]

Witaj lobopol, Weles.

Weles pozwoliłem wykorzystać sobie Twój kod z jsf i dodałem tylko 2 wiersze.

Wystarczy wykorzystać właściwości samego CSS. Jeżeli nadasz właściwość position absolute dla inputa, którego chcesz wypozycjonować to będzie on uzależniony od najbliższego wypozycjowanego elementu. Czyli dla tylko table możesz ustawić wartosc dla position, dla inputa absolute i wyrównać topem. Czyli:

Element do którego chcesz wyrównywać to table. Więc table musi mieć ustawione position.

Element, którym chcesz operować to input, więc ustawiasz position absolute.

Top musi być wprowadzony chociażby na -1%, ponieważ bez tego ustawi top od <TR> w którym został umieszczony.

Daj znać czy o to Ci chodziło. U mnie działa na IE, Firefox, Chrome.


Poniżej przykład:
http://jsfiddle.net/johnny_b/5KCy4/

Pozdrawiam Hej

Ten post edytował johnny_b 11.08.2013, 10:57:28