Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> blokada tła CSS body...
rapiduzz
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 17.07.2011

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

Witam

To mój pierwszy post, więc proszę o wyrozumiałość (IMG:style_emoticons/default/biggrin.gif)
Utworzyłem tło z 1px powtarzane w y biało-czarne (50%x%50%) tak żeby było na środku.

Wszystko pięknie tylko jak zmniejszam okno przeglądarki to tło się dynamicznie przesuwa i robi się mały bałagan względem innych obiektów na stronce...
Czy wie ktoś może jak zablokować tło żeby pojawiły się suwaki i tło było nieruchome?
z góry dzieki!

[HTML] pobierz, plaintext 
  1. body {
  2.     background:url(tlo.gif) repeat-y scroll center top;
  3.     margin: 0;
  4.     padding: 0;
  5.     width: 100%;
  6.     }
[HTML] pobierz, plaintext


Ten post edytował rapiduzz 17.07.2011, 20:51:59
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
morbic
post
Post #2





Grupa: Zarejestrowani
Postów: 116
Pomógł: 29
Dołączył: 13.12.2010
Skąd: Warszawa

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

[CSS] pobierz, plaintext 
  1. body {
  2.     background:url(tlo.gif) repeat-y fixed center top;
  3.     margin: 0;
  4.     padding: 0;
  5.     width: 100%;
  6.     }
[CSS] pobierz, plaintext


Może o to chodziło?
Go to the top of the page
+Quote Post
rapiduzz
post
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 17.07.2011

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

Niestety nie działa.
Fixed to raczej się będzie przesuwać.
Tło mam w rozmiarze 1800px x 1px.
Jakieś pomysły?
Go to the top of the page
+Quote Post
morbic
post
Post #4





Grupa: Zarejestrowani
Postów: 116
Pomógł: 29
Dołączył: 13.12.2010
Skąd: Warszawa

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

Przy wartości fixed tło jest nieruchome: http://pl.html.net/tutorials/css/lesson3.php#s5

Zgodnie z przykładem, który wkleiłeś, przy fixed tło powinno być nieruchome.

Możesz jeszcze spróbować:
[CSS] pobierz, plaintext 
  1. body, html {
  2.     background:url(tlo.gif) repeat-y fixed center top;
  3.     margin: 0;
  4.     padding: 0;
  5.     width: 100%;
  6.     }
[CSS] pobierz, plaintext


Ten post edytował morbic 17.07.2011, 21:40:06
Go to the top of the page
+Quote Post
rapiduzz
post
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 17.07.2011

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

Obojętnie czy dam fixed czy scroll to jak złapie kursorem za prawą krawędź przeglądarki i przesuwam w lewo to tło mi skaluje do środka względem okna przeglądarki.

[HTML] pobierz, plaintext 
  1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css"> 
  7. body {
  8.     background:url(bcg.gif) repeat-y fixed center top;
  9.     margin: 0;
  10.     padding: 0;
  11. }
  12. <style
  13. </head>
  14.  
  15. <body>
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


Ten post edytował rapiduzz 17.07.2011, 22:00:06
Go to the top of the page
+Quote Post
morbic
post
Post #6





Grupa: Zarejestrowani
Postów: 116
Pomógł: 29
Dołączył: 13.12.2010
Skąd: Warszawa

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

Ach, o to Ci chodzi. To zachowuje się prawidłowo, bo masz "center top"

Musisz ustalić twarde granice:
[CSS] pobierz, plaintext 
  1. body, html {
  2.     background:url(tlo.gif) repeat-y fixed 100px 0;
  3.     margin: 0;
  4.     padding: 0;
  5.     width: 100%;
  6.     }
[CSS] pobierz, plaintext



Jeżeli to nie wyczerpuje problemu, to zostaje JavaScript, ewentualnie inne kombinacje, ale mam za mało informacji, żeby cokolwiek konkretnie doradzić.

Ten post edytował morbic 17.07.2011, 22:07:38
Go to the top of the page
+Quote Post
toaspzoo
post
Post #7





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----

position: fixed
Go to the top of the page
+Quote Post
rapiduzz
post
Post #8





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 17.07.2011

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

Thx dokładnie tak ,ale jak ustawie te granice to tło przestaje być na środku. Mogę je zrobić pod konkretną rozdzielczość, ale strona ma być wyświetlana na różnych rozdzielczościach i tło ma być zawsze czarno-białe. Nie znam się zbytnio na JS. Może jest jeszcze jakaś inna opcja? (IMG:style_emoticons/default/rolleyes.gif)
Go to the top of the page
+Quote Post
morbic
post
Post #9





Grupa: Zarejestrowani
Postów: 116
Pomógł: 29
Dołączył: 13.12.2010
Skąd: Warszawa

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

Ale w tym momencie już się gubię. Chcesz, żeby tło było na środku, ale jak się zmniejszy przeglądarkę, to już nie. Co jeśli ktoś otworzy stronę ze zmniejszoną przeglądarką? Wtedy ma tak zostać, nawet jeśli ktoś przeglądarkę zmaksymalizuje? Czy ma być jak przy zmaksymalizowanej?

Nie za bardzo rozumiem co chcesz w ten sposób osiągnąć. A może próbujesz po prostu utrzymać tło pod jakimś elementem strony, który masz na środku? Chociaż wtedy "center top" działałoby idealnie.

Pokaż dokładnie co chcesz osiągnąć, najlepiej z jakimś screenem, a będzie łatwiej pomóc.
Go to the top of the page
+Quote Post
rapiduzz
post
Post #10





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 17.07.2011

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

Chcę żeby tło było zawsze na środku, a nie przesuwało się dynamicznie w zależności od rozmiaru okna przeglądarki.
Żeby tło było wyśrodkowane i statyczne, a po zmniejszeniu okna pojawiły się suwaki.

Tak to wygląda na pełnym oknie przeglądarki:

http://www.fotosik.pl/pokaz_obrazek/02bd3f43094f505a.html

a jak zmniejszę okno to czarna połówka tła przesuwa się aż do menu i layout się rozjeżdża
http://www.fotosik.pl/pokaz_obrazek/c8804561271af72d.html
Go to the top of the page
+Quote Post
morbic
post
Post #11





Grupa: Zarejestrowani
Postów: 116
Pomógł: 29
Dołączył: 13.12.2010
Skąd: Warszawa

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

Daj wszystko w <div></div> o odpowiedniej szerokości i pod nim ustaw tło z "center top". Ewentualnie pokombinuj też z overflow: scroll;
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.09.2025 - 06:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn