CSS - dziwny problem z tłem (cd.) - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - dziwny problem z tłem (cd.) › CSS - dziwny problem z tłem (cd.)

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;