Heyah
Oto moja propozycja:
1. w CSS wywal obrazek, czyli zamiast:
Kod: Zaznacz cały
.tlo
{
background: #ffffff url(tlo.jpg);
}
zostaw tylko to:
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