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 »
  • 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?

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

Linki sponsorowane, dofollow, nofollow. Jak wykorzystać linkowanie w reklamie?

Linki sponsorowane, dofollow, nofollow. Jak wykorzystać linkowanie w reklamie?

Wymiana waluty prosto z telefonu

Wymiana waluty prosto z telefonu

5 błędów, które mogą pogrążyć twój artykuł natywny

5 błędów, które mogą pogrążyć twój artykuł natywny

Artykuły promowane

Dodatkowy urlop opiekuńczy i nowe umowy na okres próbny. Zmiany w Kodeksie pracy uchwalone

Dodatkowy urlop opiekuńczy i nowe umowy na okres próbny. Zmiany w Kodeksie pracy uchwalone

Praca zdalna po nowelizacji Kodeksu pracy - korzyści i obowiązki

Ile wyniosą składki Mały ZUS i Duży ZUS w 2024 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: