Re: 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.) › Re: CSS - dziwny problem z tłem (cd.)

Path: news-archive.icm.edu.pl!newsfeed.gazeta.pl!feed.news.interia.pl!news.nask.pl!ne
ws.nask.org.pl!news.uni-stuttgart.de!news.stw-bonn.de!news.netcologne.de!newsfe
ed-fusi2.netcologne.de!feeds.phibee-telecom.net!feeder.news-service.com!postnew
s.google.com!k17g2000yqh.googlegroups.com!not-for-mail
From: Wywrota <a...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - dziwny problem z tłem (cd.)
Date: Mon, 16 Nov 2009 11:46:15 -0800 (PST)
Organization: http://groups.google.com
Lines: 58
Message-ID: <9...@k...googlegroups.com>
References: <hdktbu$t8p$1@achot.icm.edu.pl> <hdm0au$s8i$1@achot.icm.edu.pl>
<3...@u...googlegroups.com>
<hdp39f$ptk$1@achot.icm.edu.pl> <hdp4l5$qvm$1@achot.icm.edu.pl>
<1...@d...googlegroups.com>
<hdq090$qgk$1@achot.icm.edu.pl>
NNTP-Posting-Host: 83.11.191.85
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2
Content-Transfer-Encoding: quoted-printable
X-Trace: posting.google.com 1258400775 1793 127.0.0.1 (16 Nov 2009 19:46:15 GMT)
X-Complaints-To: g...@g...com
NNTP-Posting-Date: Mon, 16 Nov 2009 19:46:15 +0000 (UTC)
Complaints-To: g...@g...com
Injection-Info: k17g2000yqh.googlegroups.com; posting-host=83.11.191.85;
posting-account=6maAuQoAAAAol4DwqkJEf5F_YLmHMir7
User-Agent: G2/1.0
X-HTTP-UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.5)
Gecko/20091102 Firefox/3.5.5,gzip(gfe),gzip(gfe)
Xref: news-archive.icm.edu.pl pl.comp.www:394171
[ ukryj nagłówki ]
On 15 Lis, 23:44, "Marek" <m...@s...interia.pl> wrote:
> Odwróciłeś przypisanie - bardzo sprytne :-)
> Jest tylko mały problem. Jeśli okno jest na tyle małe, że oba tła najdą na
> siebie to to z lewego dolnego rogu wejdzie pod górne. Tymczasem ma to być
> niestety odwrotnie.

Wszystko rozbija się o "position:fixed; bottom:0px; left:0px; height:
100%; width: 100%;" <- chyba tego nie muszę tłumaczyć
Właśnie takie właściwości (chyba takie xD) ma body. Sprawdziłem kod w
Firefox 3.5.5 i IE 8.0 i zamierzony efekt działa ;)
Podaj jednak link do strony chciałbym zobaczyć jak to dokładnie
funkcjonuje (pisz na maila)

Chyba z 5 razy kasowałem wpisy bo źle napisałem ;) raz za dużo kodu
znowu wpadł mi lepszy pomysł... ech tam masz gotowca ;)

CSS:

html {
margin: 0px;
padding: 0px;
height: 100%;
background-image: url(../pictures/siteBackground2.png);
background-repeat: repeat-x;
}

body {
margin: 0px;
padding: 0px;
height: 100%;
}

#background {
background-image: url(../pictures/siteBackground.png);
background-repeat: no-repeat;
background-position: left bottom;
position:fixed;
bottom:0px;
left:0px;
height: 100%;
width: 100%;
}

HTML (nie zmienia się - jest taki sam jak na starcie)

<!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>