-
Data: 2010-05-18 14:45:13
Temat: CSS - jak zrobić 100% wysokość DIV?
Od: Marek <b...@e...com> szukaj wiadomości tego autora
[ pokaż wszystkie 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
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- 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>
Najnowsze wątki
- 2025-07-12 Warszawa => PC Hardware Expert / Specjalista PC <=
- 2025-07-12 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2025-07-12 Warszawa => Administrator IT <=
- 2025-07-12 Warszawa => IT Administrator <=
- 2025-07-12 Warszawa => Asystent/tka ds. Administracji <=
- 2025-07-12 Warszawa => Specjalista/stka ds. Organizacji <=
- 2025-07-12 Warszawa => MENA New Business Manager <=
- 2025-07-12 Gdynia => Controlling systems Consultant <=
- 2025-07-12 Warszawa => Developer Microsoft Dynamics 365 Finance & Operations (D36
- 2025-07-12 Warszawa => Programista Microsoft Dynamics 365 Finance & Operations (D
- 2025-07-12 Warszawa => Dyrektor IT <=
- 2025-07-12 Warszawa => IT Director <=
- 2025-07-12 Czy wypowiedź Kaczyńskiego o Braunie jest skarżalna? ["działa z OBCEJ inspiracji"]
- 2025-07-11 Rejestrator temperatur - termopara, siec
- 2025-07-11 DPD, przeniesienie numerów z a2mobile i z Orange
![Samochodem po Europie i Polsce - 10 inspirujących miejsc na nietuzinkowe wakacje [© wygenerowane przez AI]](https://s3.egospodarka.pl/grafika2/wakacje-samochodem/Samochodem-po-Europie-i-Polsce-10-inspirujacych-miejsc-na-nietuzinkowe-wakacje-267684-50x33crop.png "Samochodem po Europie i Polsce - 10 inspirujących miejsc na nietuzinkowe wakacje [© wygenerowane przez AI]")
Samochodem po Europie i Polsce - 10 inspirujących miejsc na nietuzinkowe wakacje
