Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Konflikt pomiędzy HTML a BODY, tło dokumentu BODY się nie wyświetla
AboutMe
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


Witam,

Dlaczego po zastosowaniu poniższego kodu:

  1. html { width:100%; height:100%; background:url("img/preloader.gif") no-repeat center center #000000; }
  2. body { margin:0px; padding:0px; background:url("img/bg.jpg") no-repeat; }


plik bg.jpg się nie wyświetla?


Dopiero gdy usuną pierwszą linię stylu dla HTML wtedy tło dla BODY wyświetla się prawidłowo.
Będę wdzięczny za wszelkie porady.

Ten post edytował AboutMe 1.03.2011, 16:23:40
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
Valdi_B
post
Post #2





Grupa: Zarejestrowani
Postów: 107
Pomógł: 30
Dołączył: 19.02.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Na stronie http://www.westciv.com/style_master/academ...html#background znalazłem uwagę:
It is also recommended that you specify a background-color as well as a background-image.

U Ciebie w formacie dla <body> koloru nie ma.
Spróbuj dodać, może to coś da.
Go to the top of the page
+Quote Post
AboutMe
post
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


Niestety kombinowałem różnie i nic to nie daje. Wyświetla się czarne tło z preloaderem.

Ten post edytował AboutMe 1.03.2011, 16:42:02
Go to the top of the page
+Quote Post
Kujski
post
Post #4





Grupa: Zarejestrowani
Postów: 104
Pomógł: 14
Dołączył: 28.09.2008
Skąd: W.

Ostrzeżenie: (0%)
-----


Tak powinno działać - bynajmnie ja stosuje taki kod smile.gif

  1. background: #fff url(img/bg.jpg) 0 0 no-repeat;


Po drugie:

  1. html { width:100%; height:100%; background:url("img/preloader.gif") no-repeat center center #000000; }


To jest błędne. Do tagu html nie powinno się nic dodawać.

Ten post edytował Kujski 1.03.2011, 17:17:49


--------------------
Sukces to droga od jednej porażki do drugiej, bez zmniejszonego entuzjazmu.
Go to the top of the page
+Quote Post
Valdi_B
post
Post #5





Grupa: Zarejestrowani
Postów: 107
Pomógł: 30
Dołączył: 19.02.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Na swoim komputerze zrobiłem próbę, w takiej postaci jak u Ciebie, tylko obrazki "moje" i mnie się oba wyświetlają.
Co prawda stronę mam króciutką i wszystko się wyświetla od razu.

Co widzę w Twoim kodzie:
- oba tła masz bez powtórzeń, (ja zrobiłem i repeat i no-repeat, w obu wariantach działa),
- w tle dla <html> masz wyrównanie "center center",
- a dla <body> - wyrównanie domyślne (top left).

Może to głupie, ale mam podejrzenie:

Czy od obrazka dla <body> nie oczekujesz, że "przykryje" obrazek dla <html>?
Popatrz na lewy górny róg?
Nic tam nie ma (obrazka)?

Edit:
Dla pewności sprawdziłem także w IE (przedtem w FireFox'ie) i też się wyświetla.
A poeksperymentuj z zamianą obrazków miejscami, innym kolorem tła.
Może weź jakiś inny obrazek?

Ten post edytował Valdi_B 1.03.2011, 17:40:33
Go to the top of the page
+Quote Post
AboutMe
post
Post #6





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


Dzięki za fatygę ale to nie działa. Ostatecznie wrzuciłem bg.jpg do #container i ustawiłem height:100% i position:absolute


Cytat
Czy od obrazka dla <body> nie oczekujesz, że "przykryje" obrazek dla <html>?

Właśnie o to mi chodzi, zanim się załaduje duży obrazek dla BODY wcześniej zostanie wyświetlony mały preloader GIF.

Ten post edytował AboutMe 2.03.2011, 14:01:52
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 09:30