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

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 17

11. Data: 2009-11-16 15:49:14
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

On 15 Lis, 23:46, "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.
>
> Czy mogę Ci wysłać na email adres strony? Nie chcę go publikować. Sądzę, ze
> ułatwi nam to sprawę.

Owszem napisz mi adres na email myśle że nie jesteś taki upierdliwy
jak czasem bywają ludzie :| Tylko nie jestem pewien czy da się to już
obejść jeszcze pomyślę

[ pokaż wiadomość z nagłówkami ]

do góry
12. Data: 2009-11-16 15:51:05
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

On 15 Lis, 23:46, "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.
>
> Czy mogę Ci wysłać na email adres strony? Nie chcę go publikować. Sądzę, ze
> ułatwi nam to sprawę.

Owszem wyślij mi adres tej strony na maila, tylko nie jestem pewien
czy ten problem będe wstanie obejść ;) zobaczymy

[ pokaż wiadomość z nagłówkami ]

do góry
13. Data: 2009-11-16 16:22:13
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

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;
}

#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

[ pokaż wiadomość z nagłówkami ]

do góry
14. Data: 2009-11-16 16:25:25
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

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

[ pokaż wiadomość z nagłówkami ]

do góry
15. Data: 2009-11-16 16:58:00
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

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

[ pokaż wiadomość z nagłówkami ]

do góry
16. Data: 2009-11-16 19:46:15
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: Wywrota <a...@g...com>

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>

[ pokaż wiadomość z nagłówkami ]

do góry
17. Data: 2009-11-17 20:33:02
Temat: Re: CSS - dziwny problem z tłem (cd.)
Od: "Marek" <m...@s...interia.pl>

> Dlaczego powtarzalnego tła nie przypiszesz do html zamiast
> body/dodatkowego diva?

To akurat był akt rozpaczy. Najpierw próbowałem z html jednakże nie chciało
zadziałać. Uzyskałem efekt, że dodanie background-color do html skutkowało,
że <body> przestawało zajmować 100% wysokości. Wtedy dodałem DIV'a i takim
etapemrozważań zacząłem operować na grupie. Tak czy owak problemu to nie
rozwiązuje.

[ pokaż wiadomość z nagłówkami ]

do góry