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

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

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

Porównanie i ocena wyników mailingu - czy tylko wskaźniki są ważne?

Porównanie i ocena wyników mailingu - czy tylko wskaźniki są ważne?

Najtańsze pożyczki pozabankowe - ranking

Najtańsze pożyczki pozabankowe - ranking

Artykuły promowane

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

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

Podatek od najmu w 2024 roku: czy będą duże zmiany?

Renta wdowia - wnioski już od 1 stycznia 2025

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

Ile mkw. mieszkania na kredyt w 2025 roku?

Ile mkw. mieszkania na kredyt w 2025 roku?

Na Walentynki 2025 wydamy średnio 426 zł. Jest drogo, jak nigdy dotąd

Na Walentynki 2025 wydamy średnio 426 zł. Jest drogo, jak nigdy dotąd

Jak złagodzić spory o finanse w związku?

Jak złagodzić spory o finanse w związku?

Używane samochody elektryczne: czy to się sprzedaje?

Używane samochody elektryczne: czy to się sprzedaje?

Bułgaria i Rumunia w Schengen - co to oznacza dla branży transportowej?

Bułgaria i Rumunia w Schengen - co to oznacza dla branży transportowej?

Arbitraż wygrywa tam, gdzie liczy się czas i pieniądze

Arbitraż wygrywa tam, gdzie liczy się czas i pieniądze

PayU udostępnia Visa Mobile

PayU udostępnia Visa Mobile

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: