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!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!new
s.nask.pl!news.nask.org.pl!goblin1!goblin.stu.neva.ru!postnews.google.com!d10g2
000yqh.googlegroups.com!not-for-mail
From: Wywrota <a...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - dziwny problem z tłem (cd.)
Date: Sun, 15 Nov 2009 08:29:00 -0800 (PST)
Organization: http://groups.google.com
Lines: 40
Message-ID: <1...@d...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>
NNTP-Posting-Host: 83.11.165.75
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2
Content-Transfer-Encoding: quoted-printable
X-Trace: posting.google.com 1258302540 18693 127.0.0.1 (15 Nov 2009 16:29:00 GMT)
X-Complaints-To: g...@g...com
NNTP-Posting-Date: Sun, 15 Nov 2009 16:29:00 +0000 (UTC)
Complaints-To: g...@g...com
Injection-Info: d10g2000yqh.googlegroups.com; posting-host=83.11.165.75;
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:394150
[ ukryj nagłówki ]
Racja napisałem ale nie sprawdziłem przy małej zawartości ;)
ale udało mi się teraz
struktura htm (bez zmian) natomiast arkusz styli:

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;
min-height: 100%;
width: 100%;

}

A jak to działa ? Działa ponieważ body ma zawsze height: 100%; to
umieszczamy ten symbol czy coś tam na dole w <body>(background-
position: left bottom;) a skoro nasz <div> zawsze będzie zaczynał się
u samiutkiej górnej krawędzi strony to umieszczamy w nim tło z
powtarzaniem poziomym (background-repeat: repeat-x;) i gotowe ;) Myślę
że to chciałeś uzyskać

Pozdrawiam Wywrota