[Formatowanie div'ów] Formatowanie szkieletu strony Opcje

[m3mariusz]

Mam do was bardzo pilna prośbę. Będę wdzięczy za pomoc.

Mianowicie chcę sformatować szkielet strony za pomocą css. Siedziałem nad tym długo i probowałem zrobić to za pomocą css i coś mi nie wychodzi.

"body" - żeby się rozciągało na całe okno przeglądarki w poziomie i pionie

div "background" - żeby się rozciągało na całe okno przeglądarki w poziomie i pionie

div "page" - by był wewnątrz "background" i był na środku oraz wysokości okna przeglądarki i szerokości 1000px

wewnatrz diva "page" byly 3 kolumny: pierwsza "leftbar" szerokosc 120 druga "content" 810 a trzecia "rightbar" 70 i wysokości maja być 100% wysokości okna przeglądarki

następnie wewnątrz diva "content" (gdzie będzie cała tresc strony - na calej szerokości) chciałbym zrobić tło w postaci 4 lini co z wyglądu ma symulować jakby 3 kolumny po 270px co daje całą szerokość content, nie chce zeby to byl jakis background (obrazek z linia) tylko linia bądz po prostu kolejne wewnętrzne divy z odpowiednimi bocznymi borderami
i nad tymi jakby trzema kolumnami chciałbym żeby na całej szerokości była treść strony

dołączam jeszcze obrazek podglądowy
(IMG:http://s17.postimg.org/jst05mgn3/Schowek02.jpg)


Podsumowując:
chodzi mi o to najkrócej aby MINIMALNA wysokość wszystkich div'ów była wysokością okna przeglądarki, a jeśli jest więcej treści w div'ie "content" to chciałbym aby wszystkie wysokości sie dynamicznie powiększały (to mi sprawiło własnie trudności)


DZIĘKUJĘ z góry...

Ten post edytował m3mariusz 29.07.2013, 20:30:22

[fate]

Spoznione ale szczere

Ja do tego doszedłem stąd:
http://kurs.browsehappy.pl/CSS/Float
masz tam pare innych lekcji i znajdiesz tam odpowiedź

Jak to osiagniesz bedziesz mial problem ze stopka:
http://bit.ly/xdoURb

[WiruSSS]

Lepiej poźno niż wcale (IMG:style_emoticons/default/haha.gif)

http://jsfiddle.net/C4KrR/

tylko podwój sobie szerokości w css tam gdize masz w px, dałem mniejsze zeby się zmiesciło w tym okienku dla podglądu

[fate]

autor pewnie nieobecny ale zobacz co sie dzieje jezeli wypelnimy lewa kolumne bardziej niz srodkowa:
http://jsfiddle.net/FuZuf/