[CSS] Tabela na całą szerokość i wysokość okna z overflow Opcje

[!*!]

Jak uzyskać taki efekt:

(IMG:http://www.applematters.com/assets/images/uploads/AppleFinder.png)

Chciałbym aby szerokość i wysokość tabeli była na całe okno przeglądarki, ale żeby np kolumny były z właściwością overflow auto, tak aby nie można było przesuwać tabelą, a jej zawartością np podczas zmiany rozmiarów okna przeglądarki.

http://jsfiddle.net/nMLCe/

Chodzi mi tylko o uzyskanie takiego efektu poprzez CSS i na div.

[crocodillo]

position:fixed (ew. absolute); top:0px; left:0px; bottom:0px; right:0px;
elementy wewnętrzne też należy wypozycjonować oraz overflow:scroll;

[!*!]

A bez position? Wersje z postion już mam, ale nie jest ona zbyt wydajna tzn. przy bardzo dużej ilości danych + efekty js spowalnia np przewijanie. Nie da się tego zrobić na "tabeli"?

[potreb]

Jeżeli korzystałeś z jakiegoś filemenedżera plików to zazwyczaj kolumny (wysokość + szerokość) dopasowują się do wielkości okna.
Ja używam do tego jquery. I wszystko działa bardzo dobrze:

[HTML] pobierz, plaintext 
<script>
var windowSize;
windowsSize = $(window).height();
 
$(function(){
	$('#foldernav').css({'height':(($(window).height())-64)+'px'});
	$('#filebrowser').css({'height':(($(window).height())-64)+'px'});
	$('#filebrowser').css({'width':(($(window).width())-242)+'px'});
 
	$(window).resize(function(){
	$('#foldernav').css({'height':(($(window).height())-64)+'px'});
	$('#filebrowser').css({'height':(($(window).height())-64)+'px'});
	$('#filebrowser').css({'width':(($(window).width())-242)+'px'});
	});
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował potreb 21.01.2012, 13:34:19

[!*!]

potreb - to musi działać natywnie w css.

[potreb]

No to masz problem, chciałbym zobaczyć rozwiązanie dobre dla wielu przeglądarek. Bo może sam bym to zastosował. Poszukaj w goole pod zapytaniami: liquid layout

Zawsze i tak jest problem dopasowaniem się do wysokości i włączeniem scrolla.

Ten post edytował potreb 21.01.2012, 13:46:55

[crocodillo]

bez pozycjonowania da się tylko za pomocą js. samym css nie da się ustawić pionowo na całą stronę