-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!not-for-mail
From: Marek <b...@e...com>
Newsgroups: pl.comp.www
Subject: CSS - jak zrobić 100% wysokość DIV?
Date: Tue, 18 May 2010 16:45:13 +0200
Organization: Dzial Sieciowy ICM, Uniwersytet Warszawski
Lines: 49
Message-ID: <1sjlv3hs3gvdg.1s6a7czda2pyn$.dlg@40tude.net>
NNTP-Posting-Host: chello087206091244.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="iso-8859-2"
Content-Transfer-Encoding: 8bit
X-Trace: news.net.icm.edu.pl 1274193984 13067 87.206.91.244 (18 May 2010 14:46:24
GMT)
X-Complaints-To: u...@n...net.icm.edu.pl
NNTP-Posting-Date: Tue, 18 May 2010 14:46:24 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.1pl
Xref: news-archive.icm.edu.pl pl.comp.www:395870
[ ukryj nagłówki ]Witam,
Jest sobie kod HTML:
<html>
<head>
...
</head>
<body>
<div class="screen"></div>
tu jakakolwiek treść - czasem wyższa niż zawartość okna, a czasem
odwrotnie.
</body>
</html>
Do tego style:
html {
margin: 0px;
padding: 0px;
position: relative;
}
body {
margin: 0px;
padding: 0px;
position: relative;
}
.screen {
background-image: url(shader_s1.png);
background-repeat: repeat;
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
}
Powstaje problem: gdy okno przeglądarki jest wyższe niż dokument, to
półprzejrzysty screen kończy się powyżej dolnej krawędzi okna bo do tego
miejsca sięga BODY. Jak zmusić BODY aby wynosił przynajmniej 100% wysokości
okna?
W dodatku aby ta zmiana nie zaszkodziła w sytuacji odwrotnej: gdy dokument
jest wyższy niż okno przeglądarki, screen ma sięgać końca dokumentu - nie
okna. W przeciwnym razie scrollowanie ujawni nieprzesłonięty fragment
strony. Czy da się to zrobić bez użycia JS?
Następne wpisy z tego wątku
- 18.05.10 21:52 Tomasz Sowa
- 19.05.10 07:51 Marek
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-10-19 Warszawa => Software Engineer .Net <=
- 2024-10-19 Warszawa => Senior SAP HANA Developer <=
- 2024-10-19 Warszawa => Specjalista Helpdesk <=
- 2024-10-19 PUE ZUS -- administracyjna nuda...
- 2024-10-18 Marsz niepodleglosci
- 2024-10-18 Pożar parkingu w Luton
- 2024-10-18 Łódź => Spedytor Międzynarodowy <=
- 2024-10-18 Gdańsk => Technical Lead ( (Java Background)) <=
- 2024-10-18 Warszawa => Head of International Freight Forwarding Department <=
- 2024-10-18 uwazajmy na haczyki w umowach
- 2024-10-18 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2024-10-18 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-10-18 Gdańsk => Software .Net Developer <=
- 2024-10-18 Warszawa => Junior Rekruter <=
- 2024-10-18 Warszawa => Key Account Manager <=
![Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy? [© Freepik]](https://s3.egospodarka.pl/grafika2/podroze-Polakow/Egzotyczne-wakacje-od-jesieni-do-wiosny-gdzie-jezdzimy-262553-50x33crop.jpg "Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy? [© Freepik]")
Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy?
