Re: Zagadka - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Zagadka › Re: Zagadka

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.PO
STED!not-for-mail
From: desertman <d...@p...onet.pl>
Newsgroups: pl.comp.www
Subject: Re: Zagadka
Date: Fri, 17 Dec 2010 16:21:34 +0100
Organization: http://onet.pl
Lines: 45
Message-ID: <iefv6h$uoc$1@news.onet.pl>
References: <iee8go$7oj$1@news.onet.pl> <iefj0k$805$1@inews.gazeta.pl>
<iefn91$h6n$1@news.onet.pl> <iefp1o$ke$1@inews.gazeta.pl>
NNTP-Posting-Host: abjg209.neoplus.adsl.tpnet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1292599313 31500 83.7.148.209 (17 Dec 2010 15:21:53 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Fri, 17 Dec 2010 15:21:53 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.13) Gecko/20101207
Lightning/1.0b2 Thunderbird/3.1.7
In-Reply-To: <iefp1o$ke$1@inews.gazeta.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:397762
[ ukryj nagłówki ]
W dniu 2010-12-17 14:36, Paweł Piskorz pisze:
>>
>> Jaki tryb wstecznej zgodności?
>
> http://hsivonen.iki.fi/doctype/
>
No tak, zupełnie nie zwróciłem uwagi że w HTML 4.01 dałem transitional.
Po ustawieniu doctype na strict w HTML, oba kody działają jednakowo,
tzn. div z ustawionym height: 100% jest niewidoczny, tzn. nie rozciąga
się na wysokość <body>.
Dla mnie logicznym zachowaniem powinno być przejęcie wysokości rodzica
(czyli <body> w tym przypadku) przy takim ustawieniu, ale co ja tam wiem.

Masz może pomysł jak ustawić styl dla tego diva żeby rozciągał się na
całe <body>? Mi się nie udało.

Może napiszę co chciałem zrobić, to może ktoś podpowie jakiś inny sposób.
Grafik mi podesłał layout dla stronki, gdzie tło całej strony składa się
z dwóch warstw:

1. gradient pionowy, który ustawiłem aby był powtarzany poziomie na całą
szerokość strony(background-repeat: repeat-x). Uzyskany efekt to
przejście od jasnego do ciemnego koloru w pionie. Obrazek ma wymiary 1px
x 1000px. Dla body ustawiłem kolor tła na najciemniejszy kolor z
gradientu, w przypadku gdyby strona była wyższa niż 1000px.

2. wzorek w gifie z przeźroczystym tłem (60x60px), który powinien być
nałożony na ten gradient. Wzorek jest powielany w poziomie i w pionie
(background-repeat: repeat) na całym obszarze strony.

Dla body ustawiłem background 1 (gradient) i chciałem następnie dać diva
z przypisanym background 2 (wzorek).
No i tu zaczęły się problemy z tym divem, którego nie mogę rozciągnąć w
pionie na wysokość <body>.

Jeśli nie uda mi się znaleźć rozwiązania, żeby zrobić to na dwóch
warstwach, to jedyny pomysł jaki mi przychodzi to zrobić tło z
gradientem i wzorkiem o wysokości jakieś 2000px - 3000px i szerokości
60px i wrzucić to tło do <body> z repeat-x.

Jakieś inne, lepsze pomysły?