CSS - jak zrobić tło? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - jak zrobić tło?

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 7

1. Data: 2009-11-03 14:32:21
Temat: CSS - jak zrobić tło?
Od: "Marek" <m...@s...interia.pl>

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?

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2009-11-03 15:56:23
Temat: Re: CSS - jak zrobić tło?
Od: Konrad Karpieszuk <k...@g...pl>

Dnia Tue, 03 Nov 2009 15:32:21 +0100, Marek napisał(a):

> 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

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2009-11-03 17:14:28
Temat: Re: CSS - jak zrobić tło?
Od: "Marek" <m...@s...interia.pl>

> mysle ze polapiesz sie co i jak

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.

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2009-11-03 17:54:58
Temat: Re: CSS - jak zrobić tło?
Od: "Marek" <m...@s...interia.pl>

P.S.
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">

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2009-11-03 20:47:16
Temat: Re: CSS - jak zrobić tło?
Od: Konrad Karpieszuk <k...@g...pl>

Dnia Tue, 03 Nov 2009 18:14:28 +0100, Marek napisał(a):
> 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

--
body {
name: '|<ońrad Karpieszu>|';
blog: url('http://www.muzungu.pl/'); }
p.s. O aukcjach czytaj na http://www.aukcjoteka.com

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2009-11-04 11:40:13
Temat: Re: CSS - jak zrobić tło?
Od: Paweł Piskorz <n...@p...nie?>

Marek wrote:
> 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.

[ pokaż wiadomość z nagłówkami ]

do góry
7. Data: 2009-11-06 22:43:31
Temat: Re: CSS - jak zrobić tło?
Od: "Marek" <m...@s...interia.pl>

> Zrób to na obrazkach tła, a nie męcz się z CSSem.

Dzięki,
Tak właśnie zrobiłem - chyba za bardzo chciałem być CSS :-)

[ pokaż wiadomość z nagłówkami ]

do góry