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

Dlaczego firmom opłaca się korzystać z kantorów internetowych?

Dlaczego firmom opłaca się korzystać z kantorów internetowych?

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

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

Ranking chwilówek i pożyczek pozabankowych

Ranking chwilówek i pożyczek pozabankowych

Artykuły promowane

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

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

Od 2025 r. zmiany m.in. w składkach ZUS, składce zdrowotnej, podatku VAT i podatku od nieruchomości. Co warto wiedzieć już teraz?

Jaki jest koszt przejechania 100 km samochodem? Sprawdź porównanie benzyny, oleju napędowego, LPG i innych paliw.

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

Elektroniczny system poboru opłat drogowych a nieuzasadnione mandaty – co robić?

Elektroniczny system poboru opłat drogowych a nieuzasadnione mandaty – co robić?

Marzec 2025 to kolejny miesiąc korekty cen materiałów budowlanych

Marzec 2025 to kolejny miesiąc korekty cen materiałów budowlanych

Ceny mieszkań na rynku wtórnym w IV 2025

Ceny mieszkań na rynku wtórnym w IV 2025

USD zyskuje mimo braku realnych postępów

USD zyskuje mimo braku realnych postępów

Rozliczenie składki zdrowotnej do 20 maja

Rozliczenie składki zdrowotnej do 20 maja

Spadły stopy procentowe. Rata za leasing samochodu zaskakuje?

Spadły stopy procentowe. Rata za leasing samochodu zaskakuje?

Cyfrowa rewolucja w płatnościach nie czeka na spóźnionych. Co robią banki?

Cyfrowa rewolucja w płatnościach nie czeka na spóźnionych. Co robią banki?

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: