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.)

Path: news-archive.icm.edu.pl!news2.icm.edu.pl!not-for-mail
From: "Marek" <m...@s...interia.pl>
Newsgroups: pl.comp.www
Subject: CSS - dziwny problem z tłem (cd.)
Date: Sat, 14 Nov 2009 01:24:28 +0100
Organization: http://news.icm.edu.pl/
Lines: 66
Message-ID: <hdktbu$t8p$1@achot.icm.edu.pl>
NNTP-Posting-Host: chello087206091238.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; format=flowed; charset="iso-8859-2"; reply-type=original
Content-Transfer-Encoding: 8bit
X-Trace: achot.icm.edu.pl 1258158270 29977 87.206.91.238 (14 Nov 2009 00:24:30 GMT)
X-Complaints-To: a...@i...edu.pl
NNTP-Posting-Date: Sat, 14 Nov 2009 00:24:30 +0000 (UTC)
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
X-Priority: 3
X-Newsreader: Microsoft Outlook Express 6.00.2900.5843
X-MSMail-Priority: Normal
Xref: news-archive.icm.edu.pl pl.comp.www:394127
[ ukryj 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;