Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tło w div'ach, problem z repeat-y
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Radek_1
Witam,
Zrobiłem stronę i mam problem z dopasowaniem tła.
Chciałbym, aby strona dostosowywała długość do tekstu strony. Niby wszystko ok jak zastosuję
  1. <div style="background: url(obrazek.gif) repeat-y; width: 1000px">


Obrazek: http://dzidek.info/obrazek.gif

Ale owa "zapinka" jest ucinana czasem przy końcu sad.gif A chciałbym, żeby zawsze była pokazywana cała, czyli powtarzała się co 36px. Jak ma się powtórzyć jeszcze raz, to niech o całe 36px, a nie tylko 10px z obrazka.
wookieb
W samym css tego nie zrobisz. Musisz wykorzystac javascript mniej wiecej wtym stylu
Kod
var el=document.getElementById('id_diva');
var newHeight=el.offsetHeight/36;
if(newHeight>Math.floor(newHeight))
{
newHeight=Math.floor(newHeight)+1;
}
newHeight=newHeight*36;
el.style.height=newHeight+'px';
Radek_1
Niestety, mimo podania kodu i tak nie umiem go za bardzo zaimplementować, na javascriptcie się nie znam sad.gif Ale dziękuję za chęć pomocy.
wookieb
To zapodaj link do strony to bedzie inaczej. Lecz blagam link a nie kod. Zaoszczedz nam i sobie czasu.
Radek_1
http://dzidek.info/strtest/
wookieb
W head
Kod
<script type="text/javascript">
function fixBg()
{
var el=document.getElementById('content');
var newHeight=el.offsetHeight/36;
if(newHeight>Math.floor(newHeight))
{
newHeight=Math.floor(newHeight)+1;
}
newHeight=newHeight*36;
el.style.height=newHeight+'px';
}
document.body.onload=fixBg;
</script>
Radek_1
Niestety, nie działa sad.gif
wookieb
A zamiast 'document.body.onload' daj 'window.onload'
Radek_1
Działa, dziękuję serdecznie! smile.gif
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.