XHTML 1.1 Strict layout: top + 3 kolumny + stopka, Czy to w ogóle możliwe? Opcje

[MistrzHTML]

Witam. Od razu zaznaczam, że moje pytanie kieruję do osób naprawdę b. dobrze znających CSS i XHTML. Usiłuję stworzyć layout z nagłówkiem, kolumnami po lewej i po prawej oraz zawartością strony na środku i ze stopką na dole. Rozwiązań tego typu problemu jest wiele w internecie, jednak jest małe "ale".

Chcę, żeby layout rozciągał się zawsze od lewej do prawej strony ekranu - dajmy na to: top wysokość 140px, kolumny po lewej i po prawej po 200px szerokości, stopka wysokość 40px. Osobiście nie lubię layoutów o stałych szerokościach, gdzie na wyższych rozdzielczościach (sam uzywam 1280x1024) stronka wyglada jak kreska na środku, a po bokach są kilometry pustki. Próbowałem już kilku sposobów, jednak nie udaje mi się osiągnąć zamierzonego celu: chcę mianowicie, by stopka znajdowała się ZAWSZE na dole strony (obojętnie czy zawartość strony to jedna, czy tysiąc linii tekstu). Żadne position: absolute nie wchodzą w grę, ponieważ na pozycję stopki muszą wpływać również wysokości dwóch bocznych kolumn. Najlepszy efekt, jaki udało mi się uzyskać to taki, że stopka jest dla stron niewymagających scrollowania zaraz pod widzialną krawędzią ekranu (stosowanie min-height: 100% kolumn). Próbowałem dawać stopce w takim razie position: relative; top: -40px, ale wtedy pobierane jest jej pierwotne położenie i pod nią i tak jest wolne miejsce.

Czy to jest w ogóle wykonalne? Wydaje mi się, że twórcy CSS zbłądzili trochę, bo cały ten standard jest tak mało intuicyjny, że szkoda gadać (chodzi mi o pozycjonowanie elementów). Po części winne są oczywiście widzimisię przeglądarek. Proszę o rady - dla stron niewymagających przesuwania stopka powinna znajdować się na dole, a pasek przewijania powinien być nieaktywny.

[MistrzHTML]

Hehe nie wiem dlaczego myślisz, ze miałbym uważać, że chcesz mi dogryźć tymi gotowymi przykładami Są w internecie to korzystam. Takim "dogryzanie" to też możesz mnie raczyć, bo o to chodzi, żeby dawać rady. Średniki na końcu - od teraz będę stosował. Z ciekawości chciałem zastosować display: table zamiast zwykłej tabelki. Z display: table można robić naprawdę ciekawe rzeczy, jak np. łatwo komórki czy całe wiersze tworzyć jako podświetlane odsyłacze (jedyna wada to jak zwykle IE). Nie rozumiem po co ten drugi wrapper. Moim wrapperem był DIV klasy zawartosc. Po prostu zmieniłem sobie nazwy klas na polskie nie-odpowiedniki. teraz zastanawiam się czy faktycznie nie użyć procentowych szerokości kolumn, chociaż nie takie było moje założenie. Jeżeli tak zrobię to problem rozciągania na cała środkową kolumnę minie, bo jej szerokość zostanie zdefiniowana.

A jak jest z tymi klasami/identyfikatorami? Niektórzy piszą, że jak obiekt jest jeden to id... inni, że id lepiej zarezerwować dla JavaScriptu. Osobiście skłaniam się ku tym drugim, bo denerwuje mnie fakt, że po dodaniu #nazwa w pasku adresu przeniesie mnie do wysokości danego DIVa

Dodam tylko, że jestem otwarty na wszelkie sugestie, nie jestem niereformowalnym gburem tylko człowiekiem, który chce głębiej poznać CSS i najnowsze standardy.