Witam,

Wymyśliłem sobie narysowanie box'u 100px od góry okna przeglądarki w dół
do samej krawędzi. Chyba, że zawartość będzie wyższa, to ten box ma
dostosować się oczywiście.

Cyba nie da się tego wprost zrobić więc trzeba skorzystać z
zagnieżdżenia 2 elementów:

<div class="outer">
<div class="inner"></div>
</div>

Chciałbym aby .outer był wysokości 100% okna przeglądarki i zawierał
padding 100px od góry. Wewnętrzny .inner ma wypełniać dostępną
przestrzeń (czyli od 100px w dół).

Nie wiadomo dlaczego zawsze z tym były problemy. Wysokość 100% zawsze
stanowiła tabu ograniczając poprawne wyświetlanie elementów wyłącznie do
tabel. Zauważyłem, że pod Chrome i IE już to ogarnięto i można
posługiwać się blokami o wysokości 100% (łamiąc standard?) ale pod FF to
nadal nie działa. Czy jest jakiś sposób bez angażowania JS, aby to
zadziałało? Czy .inner musi być display:table aby pod FF zadziałało
height:100% ?

Nie czepiałbym się tabeli gdyby nie fakt, że stwarza ona poważne
ograniczenie - nie da się w/g standardu użyć position:relative.

--
Pozdrawiam
Marek