tło w IE

Wszystko o HTML, XHTML, XML, CSS.
Awatar użytkownika
strikte
Posty: 420
Rejestracja: 03 lip 2006, 08:26:24
Strona na CBA.pl: www.planetaludzi.pl
Lokalizacja: Katowice
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:

tło w IE

Post autor: strikte »

Jako tła na stronie używam jednego pliku .jpg o szerokości strony z punktami w miejscach gdzie mają pojawić się linie, a powielenie tego pliku powoduje pojawienie się linii.
http://strikte.pl/pliki/style.css

Kod: Zaznacz cały

.tlo
{
background: #ffffff url(tlo.jpg);
}
 
i niby wszystko ok (FF), tylko że pod badzIEwiem się sypie, jedna z linii wyświetla się nie tam gdzie powinna (w połowie strony, zamiast po prawej stronie.
Co może być tego przyczyną i jak zmusić badziew do poprawnej interpretacji ?
Awatar użytkownika
Gromed
Przyjaciel CBA
Posty: 2990
Rejestracja: 18 kwie 2006, 12:18:45
Lokalizacja: Toruń
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Post autor: Gromed »

Awatar użytkownika
strikte
Posty: 420
Rejestracja: 03 lip 2006, 08:26:24
Strona na CBA.pl: www.planetaludzi.pl
Lokalizacja: Katowice
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:

Post autor: strikte »

Gromed nie do końca zrozumiałeś, nie chodzi o powtarzenie obrazka, tylko jego szerokość.
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1600x1200

Post autor: fuma »

to moze podaj adres strony o ktorej to dotyczy zebysmy widzieli o co chodzi
Awatar użytkownika
strikte
Posty: 420
Rejestracja: 03 lip 2006, 08:26:24
Strona na CBA.pl: www.planetaludzi.pl
Lokalizacja: Katowice
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:

Post autor: strikte »

grandtom
Posty: 49
Rejestracja: 18 kwie 2007, 18:46:31
Płeć: Niewybrana
User Agent: Opera Linux 1024x768

Post autor: grandtom »

Heyah :)

Oto moja propozycja:
1. w CSS wywal obrazek, czyli zamiast:

Kod: Zaznacz cały

.tlo
{
background: #ffffff url(tlo.jpg);
}
 
zostaw tylko to:

Kod: Zaznacz cały

.tlo
{
background: #ffffff;
}
 
2. dodaj jeszcze coś takiego:

Kod: Zaznacz cały

td.strona
{
border-width: 0px 1px;
border-style: solid;
border-color: #C0C0C0;
padding: 0px 5px;
}
 
..i po kłopocie :)

Dotychczasowe rozwiązanie sprawia, że każda komórka wiersza klasy "tlo" dziedziczy tło obrazkowe. Dlatego właśnie widać drugi pasek w niewłaściwym miejscu. Pierwszy z widocznych pasków pochodzi z tła komórki, w której umieściłeś lewe menu. Drugi pasek to tło komórki z zawartością strony. Jeżeli zwiększysz szerokość komórki prawego menu do np. 200px, to zobaczysz trzeci pasek, który też będzie lewym paskiem obrazka tła, ale będzie pochodził z tła trzeciej komórki.
Tak więc w rzeczywistości masz ustawione to tło obrazkowe w trzech miejscach na stronie. Prawych pasków nie widać, bo najzwyczajniej nie mieszczą się w komórkach (właśnie ze względu na szerokość obrazka). Dla przykładu zrób sobie obrazek w postaci paska z kolorem gradientowym i użyj jako tła w ten sam sposób.

Pozdrawiam i mam nadzieję, że się przyda

P.S.
Efekt tutaj
Awatar użytkownika
strikte
Posty: 420
Rejestracja: 03 lip 2006, 08:26:24
Strona na CBA.pl: www.planetaludzi.pl
Lokalizacja: Katowice
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:

Post autor: strikte »

Dzięki, teraz działa :D
ODPOWIEDZ