CSS - jak zrobić tło?
Marek
Mam do wykonania prosty i jednocze�nie trudny do zdefiniowania w CSS layout
strony WWW. Lewa strona to zawsze bia�e t�o z logiem. Bia�e t�o rozci�ga si�
na ca�� wysoko�� okna. Szeroko�� zmienna - zale�na od szeroko�ci okna
przegl�darki. �rodkowa cz�� posiada tre�� strony WWW i ma sta�� szeroko��.
T�o tej cz�ci jest niebieskie a� do samego spodu. Prawa kolumna zajmuje
tyle samo miejsca co lewa, zawiera gradient u g�ry powtarzany w poziomie i
niebieskie t�o.
Czy ktoďż˝ wie jak zdefiniowaďż˝ style?
Konrad Karpieszuk
> Witam,
>
> Mam do wykonania prosty i jednocześnie trudny do zdefiniowania w CSS
> layout strony WWW. Lewa strona to zawsze białe tło z logiem. Białe tło
> rozciąga się na całą wysokość okna. Szerokość zmienna - zależna od
> szerokości okna przeglądarki. Środkowa część posiada treść strony WWW i
> ma stałą szerokość. Tło tej części jest niebieskie aż do samego spodu.
> Prawa kolumna zajmuje tyle samo miejsca co lewa, zawiera gradient u góry
> powtarzany w poziomie i niebieskie tło.
>
> Czy ktoś wie jak zdefiniować style?
nie chce mi sie dokladnie rozpisywac, ale mozesz zaczac od tego:
http://pastebin.ca/1654952
kolory specjalnie zmienilem by bylo widac co jest co.
tu zrzut z mojego chrome
http://www.voila.pl/397/xwedu/index.php?get=1&f=1
mysle ze polapiesz sie co i jak
--
body {
name: '|<ońrad Karpieszu>|';
blog: url('http://www.muzungu.pl/'); }
p.s. O aukcjach czytaj na http://www.aukcjoteka.com
Marek
Ciekawe podejście. Jak należy interpretować ujemny procent przy ustawieniu
marginesu?
Czy przy prezentowanym podejściu nie występuje zjawisko przesuwania się tła
w chwili gdy zmniejszymy szerokość okna przeglądarki poniżej szerokości
treści? Zależałoby mi bowiem na zasymulowaniu layoutu takiego jaki można
osiągnąć posługując się 3- kolumnową tabelą o szerokości 100%. Środkowa
kolumna miałaby stałą szerokość i byłaby wycentrowana a boczne - zmienną,
ale nie mniejszą niż np. rysunek w nich umieszczony. Zmniejszanie szerokości
okna przeglądarki poniżej szerokości tabeli nie psuje layoutu takiej strony.
Zrobiłem coś podobnego na DIVach z wykorzystanie tła w body. Gdy
zmniejszałem szerokość okna poniżej szerokości zawartości, to tło przesuwało
się dalej zamiast stać się nieruchome.
Marek
W międzyczasie zrobiłem parę testów. Przytaczany przez Ciebie przypadek nie
rozwiązuje problemu 100% wysokości. BODY jest tak wysoki jak jego zawartość
pod IE8 oraz pod FF, podobnie jak DIV. Dzieje się tak od chwili gdy
ustalimy kolor tła dla <HTML>. Bez tego body zachowuje się normalnie.
Stosuję:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Konrad Karpieszuk
> Czy przy prezentowanym podejściu nie występuje zjawisko
A to juz musisz sam rozkminic :) ja zobaczylem pytanie, to zasugerowalem
kierunek ktorym mozesz isc. oczywiscie nie jest to jedyne rozwiazanie :)
czesto sie to robi opierajac na wielokrotnych divach, tyle ze to juz
wtedy nie jest semantyczne
Paweł Piskorz
> Mam do wykonania prosty i jednocześnie trudny do zdefiniowania w CSS
> layout strony WWW. Lewa strona to zawsze białe tło z logiem. Białe tło
> rozciąga się na całą wysokość okna. Szerokość zmienna - zależna od
> szerokości okna przeglądarki. Środkowa część posiada treść strony WWW i
> ma stałą szerokość. Tło tej części jest niebieskie aż do samego spodu.
> Prawa kolumna zajmuje tyle samo miejsca co lewa, zawiera gradient u góry
> powtarzany w poziomie i niebieskie tło.
>
> Czy ktoś wie jak zdefiniować style?
Zrób to na obrazkach tła, a nie męcz się z CSSem.
Marek
Dzięki,
Tak właśnie zrobiłem - chyba za bardzo chciałem być CSS :-)