eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.pl › Grupy › pl.comp.www › CSS - dziwny problem z tłem (cd.) › CSS - dziwny problem z tłem (cd.)
następny post »
  • Data: 2009-11-14 00:24:28
    Temat: CSS - dziwny problem z tłem (cd.)
    Od: "Marek" <m...@s...interia.pl> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Przedwcześnie zakończyłem poprzedni wątek. Mam następujący problem.
    Konstruncja strony jest taka:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    ...
    </head>
    <body>
    <div id="background">tu treść</div>
    </body>
    </html>

    Do tego style:

    html {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height:auto;
    }

    body {
    background-image: url(../pictures/siteBackground2.png);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height:auto;
    }

    #background {
    background-image: url(../pictures/siteBackground.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    min-height: 100%;
    width: 100%;
    }

    Jeśli okno przeglądarki jest mniejsze niż zawartość, to tło #background
    rysuje się poprawnie: na spodzie okna przeglądarki. Gdy zwiększę wysokość
    okna to tło zastyga na wysokości ostatniego elementu strony - nie spada
    niżej. Sprawdziłem: dolna granica <body> nie przylego do dolnej granicy okna
    przeglądarki. Gdy ustawię wysokość body na 100% - to wtedy jest ok, ale źle
    zaczyna się dziać gdy zawartość strony jest wyższa niż wysokość okna. Gdy
    np. tło i spód okna wypadły w połowie wysokości zawartości strony to gdy
    zacznę przewijać stronę do dołu - backdround leci do góry wraz z treścią tej
    strony.

    Czy da się zmusić tłodo bycia zawsze w lewym dolnym rogu okna?

    W tej chwili napisałem procedurę w JS, lecz jest to chore obejście:

    function fixBackground()
    {
    var h, tmp=document.getElementsByTagName("html");

    h=tmp[0].offsetHeight;
    tmp=document.getElementsByTagName("body")
    tmp[0].style.height=h+"px";
    }

    window.onload=fixBackground;
    window.onresize=fixBackground;

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

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

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

Ranking kont firmowych - w jakim banku założysz najlepsze konto firmowe w 2025 r.

Ranking kont firmowych - w jakim banku założysz najlepsze konto firmowe w 2025 r.

Ranking lokat i kont oszczędnościowych. Przegląd możliwości dostępnych jeszcze w maju

Ranking lokat i kont oszczędnościowych. Przegląd możliwości dostępnych jeszcze w maju

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

Długie weekendy - jak wygląda kalendarz 2025?

Prawo drogowe - jakie zmiany w 2025 roku?

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

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

Jak odróżnić legalny MLM od piramidy finansowej? Poradnik sprzedaży bezpośredniej

Jak odróżnić legalny MLM od piramidy finansowej? Poradnik sprzedaży bezpośredniej

Deweloperzy hamują sprzedaż mieszkań, ale nie podnoszą cen

Deweloperzy hamują sprzedaż mieszkań, ale nie podnoszą cen

Jak AI zmienia pracę programistów? Nowe kompetencje, oczekiwania i wyzwania zawodowe

Jak AI zmienia pracę programistów? Nowe kompetencje, oczekiwania i wyzwania zawodowe

Fakturowanie bez papieru i PDF. Jak KSeF zmieni życie 2,8 mln firm

Fakturowanie bez papieru i PDF. Jak KSeF zmieni życie 2,8 mln firm

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: