Jest to aplikacja XUL, ale sądzę, że zasada jest podobna do zwykłego HTML'a.

A więc, mam takie coś:

[HTML] pobierz, plaintext 
<style>
input {width: 515px;}
 
span {
	position: relative;
	top: 4px;
	display: inline;
	padding: 2px;
	background: #5F5F5F;
	border: 1px outset black;
	cursor: pointer;
}
</style>
<input type="text" /><span>Button!</span>
[HTML] pobierz, plaintext 

No i jest niby okej, ale tylko do czasu, aż ktoś nie zmieni wielkości okienka. Wtedy muszę już używać Javascriptu aby dopasować szerokość inputa do szerokości okienka.
Działa to niby dobrze, tylko, że event onresize odpala się dopiero po zakończeniu zmiany rozmiaru okienka, więc dopiero wtedy jego szerokość się dopasowuje, kiedy to reszta elementów okna dopasowuje się 'w locie' - dzięki CSS. Wygląda to tak sobie, niby mała niedoróbka estetyczna, ale chciałbym mieć to jednak zrobione porządnie.

Próbowałem eksperymentować z css w FF3 opisanym tutaj: http://developer.mozilla.org/en/docs/CSS:width
Ale I to nie pomogło.

Teoretycznie ustawienie dla inputa width: 85%; oraz dla spana width:15%; dałoby to co bym chciał, ale rzecz w tym, że span ma mieć stałą szerokość, a jedynie input się dopasowywać.
Dodam, że input nie musi koniecznie zawierać jakąś wartość.


Interesuje mnie jedynie rozwiązanie działające pod FF3.



Podziękować z góry,
Łukasz.