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!news.onet.pl!lublin.pl!uw.edu.pl!new
sgate.cistron.nl!newsgate.news.xs4all.nl!194.109.133.84.MISMATCH!newsfeed.xs4al
l.nl!newsfeed5.news.xs4all.nl!xs4all!feeder.news-service.com!feeder.news-servic
e.com!postnews.google.com!l13g2000yqb.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 08:58:00 -0800 (PST)
Organization: http://groups.google.com
Lines: 82
Message-ID: <2...@l...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>
<3...@j...googlegroups.com>
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 1258390680 17477 127.0.0.1 (16 Nov 2009 16:58:00 GMT)
X-Complaints-To: g...@g...com
NNTP-Posting-Date: Mon, 16 Nov 2009 16:58:00 +0000 (UTC)
Complaints-To: g...@g...com
Injection-Info: l13g2000yqb.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:394168
[ ukryj nagłówki ]
On 16 Lis, 17:25, Wywrota <a...@g...com> wrote:
> 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.
>
> CSS
>
> html {
> margin: 0px;
> padding: 0px;
> min-height: 100%;
> height:auto;
>
> }
>
> body {
> background-image: url(../pictures/siteBackground.png);
> background-repeat: no-repeat;
> background-position: left bottom;
> margin: 0px;
> padding: 0px;
> min-height: 100%;
> height:auto;
>
> }
>
> #background {
> background-image: url(../pictures/siteBackground2.png);
> background-repeat: repeat-x;
> height: 500px; /* Tutaj ustaw tyle pikseli by było widać całe to
> tło ;p */
>
> }
>
> #bg2 {
> background-image: url(http://webmark.shost.pl/wp-content/themes/
> webmark/images/bg.jpg);
> background-repeat: no-repeat;
> background-position: left bottom;
> position:fixed;
> bottom:0px;
> left:0px;
> height: 100%;
> width: 100%;
>
> }
>
> i HTML
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
>
> </head>
> <body>
>
> <div id="background">
> <div id="bg2">
> Treść...
> </div>
> </div>
> </body>
> </html>
>
> Uzyskałem zamierzony efekt, działa w Firefoxie 3.5.5 i IE 8.0 ;)
> Teraz liczę na małe piwko ;pp
>
> PS. Podeślij link do strony na email chce zobaczyć jak pięknie to
> działa

troche napisałem brednie xD w body nie powinno być :
background-image: url(../pictures/siteBackground.png);
background-repeat: no-repeat;
background-position: left bottom;

bo po co dawać 2 razy to samo ;)