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

Content marketing - co to jest i od czego zacząć?

Content marketing - co to jest i od czego zacząć?

Jak przygotować skuteczną kreację do mailingu. 7 praktycznych porad

Jak przygotować skuteczną kreację do mailingu. 7 praktycznych porad

13 najczęstszych błędów przy wysyłaniu mailingu

13 najczęstszych błędów przy wysyłaniu mailingu

Artykuły promowane

Ulga B+R 2024/2025. Kto może skorzystać?

Ulga B+R 2024/2025. Kto może skorzystać?

Najem prywatny 2023. Podatek od wynajmu mieszkania, innych nieruchomości i ruchomości - jakie zmiany?

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

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

Prawo po stronie wierzyciela - narzędzia do walki z opóźnieniami w płatnościach

Prawo po stronie wierzyciela - narzędzia do walki z opóźnieniami w płatnościach

Pieniądze na wakacjach, czyli bez gotówki ani rusz

Pieniądze na wakacjach, czyli bez gotówki ani rusz

Przejrzystość wynagrodzeń w Polsce: Co trzecia firma przyznaje się do nierówności płacowej

Przejrzystość wynagrodzeń w Polsce: Co trzecia firma przyznaje się do nierówności płacowej

7 rzeczy, których generalny wykonawca oczekuje od podwykonawcy

7 rzeczy, których generalny wykonawca oczekuje od podwykonawcy

Jak wojna i geopolityka zmieniły ceny mieszkań przy granicy?

Jak wojna i geopolityka zmieniły ceny mieszkań przy granicy?

Sprytne kupno mieszkania. 7 wskazówek dla przyszłych nabywców

Sprytne kupno mieszkania. 7 wskazówek dla przyszłych nabywców

Transport międzynarodowy pod presją: składki ZUS wzrosną o setki złotych

Transport międzynarodowy pod presją: składki ZUS wzrosną o setki złotych

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: