eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.pl › Grupy › pl.comp.www › CSS - jak zrobić 100% wysokość DIV? › CSS - jak zrobić 100% wysokość DIV?
następny post »
  • 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?

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj

następny post »

Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Grupy

Szukaj w grupach

Polecamy

Jak najkorzystniej wysyłać i odbierać przelewy walutowe w EURO

Jak najkorzystniej wysyłać i odbierać przelewy walutowe w EURO

Kiedy wysłać mailing? Jaki dzień tygodnia i godziny są najlepsze

Kiedy wysłać mailing? Jaki dzień tygodnia i godziny są najlepsze

Ranking chwilówek i pożyczek pozabankowych

Ranking chwilówek i pożyczek pozabankowych

Artykuły promowane

Ważne limity dla prowadzących działalność gospodarczą w 2024 roku

Ważne limity dla prowadzących działalność gospodarczą w 2024 roku

Delegacje krajowe i zagraniczne: nowe stawki diety przy podróżach służbowych od 29.11.2022 i 01.01.2023

Święta i dni wolne od pracy w Niemczech w 2025 roku

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

Branża IT ma do spłacenia 317 mln zł, a do odzyskania aż 463 mln zł

Branża IT ma do spłacenia 317 mln zł, a do odzyskania aż 463 mln zł

Ceny nowych mieszkań w mniejszych miastach już gonią Warszawę?

Ceny nowych mieszkań w mniejszych miastach już gonią Warszawę?

Lagarde popiera silne euro

Lagarde popiera silne euro

GUS: średnia krajowa w IV 2025 wyższa o 9,3% r/r

GUS: średnia krajowa w IV 2025 wyższa o 9,3% r/r

Firmy mogą żądać odsetek nawet gdy zgodziły się na dłuższy termin płatności

Firmy mogą żądać odsetek nawet gdy zgodziły się na dłuższy termin płatności

Ceny mieszkań deweloperskich w Zakopanem rekordowe. Ile zapłacimy w pozostałych kurortach?

Ceny mieszkań deweloperskich w Zakopanem rekordowe. Ile zapłacimy w pozostałych kurortach?

IKE nadal zbyt mało popularne w Polsce

IKE nadal zbyt mało popularne w Polsce

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: