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

Data: 2009-11-16 16:25:25
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com> szukaj wiadomości tego autora
[ pokaż wszystkie 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.

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