ďťż

[css] tlo na calej wysokosci strony

       

Podstrony


telcocafe

mam problem z takim kodem

.tlo { background-image:url(img/menu/leftback.gif); background-repeat:repeat-y; position:absolute; left:0; height: 100%; width:235px; }

i w FF wszystko jest ok naomiast w IE juz nie wyswietla mi tla na calej wysokosci strony.

coz robie zle ?

HELP ME



jeśli ustawiasz height:100% to element nadrzędny także powinien mieć ustawioną wysokość.

nav

rozwiazanie nieskuteczne, zobacz na

http://www.olaf.tonet.pl/tlo.html

probuje juz na wszystkie sposoby,
pod FF jest ok pod IE nie.

radze wykorzystac powtarzanie tla. tlo mozna powtarzac w pionie, poziomie, w obu kierunkach lub nie powtarzac

ten kod powieli tlo wzdluz osi y czyli w pionie
BODY { background:  url(tlo.gif); background-repeat: repeat-y }

mozesz uzyc:
repeat-y
repeat-x
repeat
no-repeat

chyba nie musze tlumaczyc dzialania... B)
Użytkownik korek1 edytował ten post 23 marzec 2006, 18:48


Mr korek1
a pofatygowales się żeby zobaczyć link który podałem ?
jeżeli odpowiedź jest twierdzźca to czy zajrzałeś w kod strony (sekcja CSS)?

wiem że łatwo jest powiedzieć swoje i koniec ale gdybyś zajrzał w kod css'a
to wiedziałbyś że wygląda on następująco:
.tlo { background-image:url(img/menu/leftback.gif); background-repeat:repeat-y; position:absolute; height: 100%; margin: 0px; padding: 0px; top: 0px; left: 0px; width:235px; float: left; clear: left; visibility: visible; bottom: 0px; } -->

więc proszę nie tłumacz mi działania funkcji background-repeat tylko wyjasnij mi
różnice tego kodu pod FF i IE oraz jak im zaradzić ?

Na moje ten kod jest dobry. Dlaczego nie działa? Bo takie jest już IE. Tło jest powtarzane. Określiłeś szerokość warstwy na 235 px a wysokość jest na 100%. IE za 100% przyjmuje wysokość tekstu w nim się znajdującego. Natomiast pozostałe przeglądarki przyjmują 100% za rozmiar okna. Stąd Twój problem.
Można to ominąć:
<!-- .tlo { background: #ffffff url(/img/menu/leftback.gif) 0 0 repeat-y; position: absolute; clear: left; height: auto; margin: 0px; padding: 0px; left: 0px; bottom: 0px; top: 0px; width:235px; float: left; visibility: visible; } * html .tlo { height: 615px; } -->

indus -> wybacz zachowalem sie schematycznie i napisalem odruchowo nie zapoznajac sie calkowicie z tematem przyznaje... B)

dzieki za pomoc .. tak na przyszlosc rozwiazanie bylo prostsze ;)
po prostu zrobic ten sam kod ale dla pseudoklasy body :))
haha .. musialem sie z tym przespac
body { background-image: url(img/menu/leftback.gif); background-repeat: repeat-y; }

Fakt rozwiązanie jest prostsze, lecz myslałem, że chcesz rozwiązanie koniecznie dla DIV'a. Wkońcu korek1 podał już gotowy i poprawny kod.
Kod można jeszcze przedstwić tak:
BODY { background:  #ffffff url(/img/menu/leftback.gif) 0 0 repeat-y }
Dzięki temu możesz ustalić kolor tła strony i dodatkowo jakiś obraz oraz ustalać jego pozycje.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.