Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Tło, position:fixed;
Forum PHP.pl > Forum > Przedszkole
d.stp
Myślałem że jestem nie do zgięcia w css, a powaliłem się na prostym problemie ;/ zawsze jak miałem "zdjęciowe" tło to w body wrzucałem:

background: url('tlo.jpg') top no-repeat;
background-attachment: fixed;

i fajnie to wychodziło.

Problem w tym że teraz do zakodowania mam takie coś:

http://s27.postimg.org/xu3mmhic3/Bez_tytu_u.png

Chodzi o to że na tym białym tle mam logo i menu i jak wytne sobie z psd te tło razem z tym białym, ustawie tak jak zawsze to logo i menu będzie mi uciekało poza stronkę jak będzie długa strona, a taka jest (chodzi mi o przewijanie strony).

Wymyśliłem że nadam sobie do logo i menu klase x:

<div class="x">menu|logo</div>

  1. .x {
  2. width: 100%;
  3. height: 50px;
  4. background: #fff;
  5. position: fixed;
  6. }

a główne tło strony przeniose sobie do osobnego diva:

  1. <div class="x">menu|logo</div>
  2. <div class="tlo">cala strona</div>

  1. .tlo {
  2. width: 100%;
  3. height: 100%;
  4. background: #fff url(tlo.jpg') top no-repeat;
  5. background-attachment: fixed;
  6. }

i problem jest w tym że jak jest: 100% height to tego tła w ogóle nie ma. Jak dam konkretną wysokość to jest, ale jak content jest wyższy niż ta wysokość to wtedy tło nie "powiela" się, tylko pokazuje tło #fff

EDIT.

Teraz ustawiłem wysokość diva z tłem na 5000px; i jest ok, tło się "powiela", ale przecież tak być nie może bo pokazuje mi się wtedy pasek przewijania strony :/
trueblue
1. Dla html i body ma być height:100%
2. W url background brakuje apostrofa
3. Dlaczego nie możesz dać tła na body tylko tworzysz odrębny div?
d.stp
3 - bo nad tym zdjęcie które leci na tło musi być jakieś 100px białego tła
trueblue
Przecież background-position może przyjmować również wartości w px.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.