-
Data: 2009-11-14 00:24:28
Temat: CSS - dziwny problem z tłem (cd.)
Od: "Marek" <m...@s...interia.pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Przedwcześnie zakończyłem poprzedni wątek. Mam następujący problem.
Konstruncja strony jest taka:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
...
</head>
<body>
<div id="background">tu treść</div>
</body>
</html>
Do tego style:
html {
margin: 0px;
padding: 0px;
min-height: 100%;
height:auto;
}
body {
background-image: url(../pictures/siteBackground2.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
min-height: 100%;
height:auto;
}
#background {
background-image: url(../pictures/siteBackground.png);
background-position: left bottom;
background-repeat: no-repeat;
min-height: 100%;
width: 100%;
}
Jeśli okno przeglądarki jest mniejsze niż zawartość, to tło #background
rysuje się poprawnie: na spodzie okna przeglądarki. Gdy zwiększę wysokość
okna to tło zastyga na wysokości ostatniego elementu strony - nie spada
niżej. Sprawdziłem: dolna granica <body> nie przylego do dolnej granicy okna
przeglądarki. Gdy ustawię wysokość body na 100% - to wtedy jest ok, ale źle
zaczyna się dziać gdy zawartość strony jest wyższa niż wysokość okna. Gdy
np. tło i spód okna wypadły w połowie wysokości zawartości strony to gdy
zacznę przewijać stronę do dołu - backdround leci do góry wraz z treścią tej
strony.
Czy da się zmusić tłodo bycia zawsze w lewym dolnym rogu okna?
W tej chwili napisałem procedurę w JS, lecz jest to chore obejście:
function fixBackground()
{
var h, tmp=document.getElementsByTagName("html");
h=tmp[0].offsetHeight;
tmp=document.getElementsByTagName("body")
tmp[0].style.height=h+"px";
}
window.onload=fixBackground;
window.onresize=fixBackground;
Następne wpisy z tego wątku
- 14.11.09 10:21 Marek
- 15.11.09 11:43 Wywrota
- 15.11.09 14:30 Marek
- 15.11.09 14:53 Marek
- 15.11.09 16:29 Wywrota
- 15.11.09 22:44 Marek
- 15.11.09 22:46 Marek
- 15.11.09 22:55 Katarzyna 'Bastet' Świderska
- 16.11.09 15:44 Wywrota
- 16.11.09 15:49 Wywrota
- 16.11.09 15:51 Wywrota
- 16.11.09 16:22 Wywrota
- 16.11.09 16:25 Wywrota
- 16.11.09 16:58 Wywrota
- 16.11.09 19:46 Wywrota
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
Najnowsze wątki
- 2025-10-31 Warszawa => Junior Rekruter <=
- 2025-10-31 Warszawa => Engineering Manager (doświadczenie w branży lotniczej lu
- 2025-10-30 Był neosędzia w składzie jest cofka w apelacji [dożywocie za potrójne zabójstwo]
- 2025-10-30 Warszawa => Lead SAP PP Consultant <=
- 2025-10-30 Poznań => Konsultant SAP HCM <=
- 2025-10-30 Warszawa => Junior Rekruter <=
- 2025-10-30 Warszawa => Senior SAP Consultant - PP area <=
- 2025-10-30 Zakrzewo => SAP HCM Consultant <=
- 2025-10-30 Gang przestępców napadających przestępców już rozbity! [CBŚP,media,prawny humor]
- 2025-10-30 Kraków => Koordynator Produkcji / Przedstawiciel ds. rozwoju produktu
- 2025-10-30 Kraków => Production Coordinator / Representant Product Dev <=
- 2025-10-30 Warszawa => Starszy Konsultant SAP - obszar PP <=
- 2025-10-29 szablon do pasty DIY
- 2025-10-29 Głośnik potrzebny
- 2025-10-29 Warszawa => Specjalista rekrutacji IT <=
Elektromobilność dojrzewa. Auta elektryczne kupujemy z rozsądku, nie dla idei
