Re: Zagadka - Grupy dyskusyjne w eGospodarka.pl

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

Data: 2010-12-17 15:21:34
Temat: Re: Zagadka
Od: desertman <d...@p...onet.pl> szukaj wiadomości tego autora
[ pokaż wszystkie 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?