Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] problem z backgroundem w png
Forum PHP.pl > Forum > Przedszkole
piotrekk
Witam chcę jako background ustawić obrazek przezroczysty png. Jednak w ogóle mi się on nie pojawia.

tak wygląda układ:

<div id='contener'>
<div id='homeTop'>
</div>
</div>

A tak wygląda CSS:

#contener {
width: 973px;
min-width: 973px;
margin: 0 auto;
padding: 0px;
margin-top: 0px;
}
#homeTop {
width: 973px;
min-width: 973px;
height: 46px;
background-image: url(../layout/x/top.png);
background-repeat: no-repeat;
margin-top: 0px;
padding: 0px;
}

Czy ktoś zna przyczynę ?
Z góry dzięki!
b4x
W jakim katalogu masz top.png a w jakim css?
Savage.Mephisto
W jakiej przeglądarce nie pojawia się tło?
Tak poza tym ścieżka dostępu do tła jest prawidłowa?
A tak w ogóle, co to za rodzaj tła? Jakiś mały pasek (który trzeba rozmieścić w całym kontenerze za pomocą repeat-x lub repeat-y), czy to png gigant?
A na przyszłość - staraj się aby kod CSS był jak najkrótszy.
Zamiast

Kod
background-image: url(../layout/x/top.png);
    background-repeat: no-repeat;


stosuj

Kod
background: url(../layout/x/top.png) repeat-x;
piotrekk
Rozwiązałem już problem. Chodziło o to, że wstawiony powyżej Flash nie kończył się </noscript> i dlatego nie lładowało tła.

Mam jednak jeszcze jeden problem

Chce właśnie wstawić background teraz, żeby się powtarzał w pionie. Jednak bez wartości height nie pojawia się w ogóle, a z tą wartością nie rozciąga się w pionie.

#homeCenter {
width: 973px;
min-width: 973px;
height: 8px;
background-image: url(../layout/oPensjonacie/pasek.png);
background-repeat: repeat-y;
margin-top: 0px;
padding: 0px;
}

Nie mogę ustawić stałej wartości height ponieważ ten div musi rozciagać się w zależności od ilości tekstu.

Znacie rozwiązanie?
hondek
a min-height? tylko pamietaj IE obsluguje to od wersji 7 smile.gif
piotrekk
nie wiem co to ma mi dac...
Crozin
Czy mi się wydaje, czy w kodzie HTML masz: <ELEMENT id="homeCenter"></ELEMENT> i używasz go tylko po to by wstawić jakiś pasek?
erix
A może byście tak bbcode używali?
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.