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

Remarketing - jak skutecznie podążać za klientem

Remarketing - jak skutecznie podążać za klientem

Jak temat maila wpływa na open rate i skuteczność mailingu?

Jak temat maila wpływa na open rate i skuteczność mailingu?

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

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

Artykuły promowane

Jaki podatek od nieruchomości zapłacą w 2026 r. właściciele mieszkań i domów?

Jaki podatek od nieruchomości zapłacą w 2026 r. właściciele mieszkań i domów?

Koniec rękojmi w sprzedaży konsumenckiej

Jaki podatek od nieruchomości w 2025 roku?

newsletter rss

Eksperci egospodarka.pl

1 1 1

Najnowsze w serwisie

Inflacja blisko celu, ale w Radzie Prezesów EBC rosną podziały

Inflacja blisko celu, ale w Radzie Prezesów EBC rosną podziały

Od września deweloperzy pokażą pełne ceny mieszkań. Czy na pewno?

Od września deweloperzy pokażą pełne ceny mieszkań. Czy na pewno?

Ile zarabiają pracownicy w przemyśle lekkim? Raport płacowy 2024

Ile zarabiają pracownicy w przemyśle lekkim? Raport płacowy 2024

Gdy spada dron na polski dom - kto odpowiada za szkody?

Gdy spada dron na polski dom - kto odpowiada za szkody?

Zamrożenie cen energii elektrycznej i bon ciepłowniczy. Rząd przyjął projekt ustawy

Zamrożenie cen energii elektrycznej i bon ciepłowniczy. Rząd przyjął projekt ustawy

Polska zestrzeliła rosyjskie drony

Polska zestrzeliła rosyjskie drony

Polacy wydają 3 mld zł na wyprawki szkolne. Jak obniżyć koszty sezonowych wydatków i uzupełnić domowy budżet?

Polacy wydają 3 mld zł na wyprawki szkolne. Jak obniżyć koszty sezonowych wydatków i uzupełnić domowy budżet?

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: