'fixed' i min-width: 800px;, czyli nagłówek i stopka + overflow-x:auto; Opcje

[expert]

Witam,

siedzę już parę godzin nad tym i nie mogę nic wykombinować, w sensie jak coś niby działa to nie do końca.

Chodzi mi o to, aby w tym przykładzie: http://limpid.nl/lab/css/fixed/header-and-footer dodać taką opcję, że jak strona zmniejszy się do 800px, to dodaje dolny scrolbar i to co jest w fixed (nagłówek i stopka) przesuwa sie razem z tym scrolbarem.

Wiadomo, że jak się da fixed, to nagłówek i stopka 'wyłażą' z rodzica i są niezależne, wiec fixed nie może być...

Czy da sie coś takiego zrobić? I chcę to zrobić bez js. Sam css.

[expert]

Na razie mam taki efekt: http://siekier.pl/test.html

Jak wrócę, to wieczorem się pobawię.

Edit:

Wszystko ładnie pięknie, poza jednym.

Jak przesunie się stronę trochę w dół i width okna jest mniejszy od 800px, to header i footer uciekają w górę i nie zostają na swoich miejscach.
Owszem przesuwaja sie w lewo i w prawo, ale nie zachowuja swoich pozycji, czyli top: 0 i bottom: 0 względem okna przeglądarki.

Przy width <800px fixed totalnie odpada, ale absolute i relative przesuwają się wraz z oknem przeglądarki (mam na myśli przesuwanie pionowe).

Się zastanawiam, czy to w ogóle da się obejść bez js. Mógłbym z js, ale wolę huhać na zimne, że ktoś będzie miał brak obsługi js i nie chce, żeby strona mu się rozwalała.

Ten post edytował expert 22.04.2012, 19:45:13