nieruchome tło strony dopasowujące się do rozdzielczości

0

witam mam pytanie :
chce wstawić tło na stronę w taki sposób aby tło dopasowywało się do rozdzielczości ekranu
i nie powtarzało się przy dużej rozdzielczości i nie przewijało się wraz z zawartością strony.
Tło jest obrazkiem.

<html> 
<head> 
<meta http-equiv="imagetoolbar" content="no"> 
</head> 
<body style="margin:0px;"> 
<img src="c:\image008.jpg" style="z-index:-100;position:absolute;left:30%;top:10%;width:60%;height:80%;"> 
<!-- treść strony: --> 
</body>

ten kod działa ale tylko do obrazka wstawionego jako tło, czyli obrazek dopasowuje sie do rozdzielczosci ale przy wiekszej ilości tekstu, zawartość strony nie przewija się nad obrazkiem, ale razem z nim.

0

Zmień position:absolute na position:fixed. Może pomoże (nie wiem, czy będzie współgrać z marginesami, tak nigdy nie kombinowałem).

0

postion: fixed powinno być okej, ale na Internet Explorerze 6 i starszych nie zadziała.
Jest rozwiązanie: http://tagsoup.com/cookbook/css/fixed/

Ale na podanym kodzie strony position:fixed nie zadziała nawet w IE7. Dlaczego? Bo kod strony powoduje, że przeglądarka wchodzi w Quirks Mode. Musisz zastosować jakiś nagłówek DOCTYPE, z tego co tutaj widzę to jest to HTML 4.01 Transitional, czyli linijka

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


przed znacznikiem <html> jest niezbędna.
0

Dzięki zadziałało na IE ale z tego co widze to opera,mozilla i netscape nie widzą tła więc dalej mam problem bo jak wiadomo nie każdy IE używa...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
<meta http-equiv="imagetoolbar" content="no"> 
</head> 
<body style="margin:0px;"> 
<img src="c:\image008.jpg" style="z-index:-100;position:fixed;left:30%;top:10%;width:60%;height:80%;"> 
<!-- treść strony: --> 
<php>
</php>
0

po pierwsze to zamień c:\image008.jpg na file:///c:/image008.jpg

0

A nie lepiej użyć po prostu:


<body background="obrazek.jpg" style="repeat: no-repeat">

Nie pamiętam dokładnie, czy dobrze styl napisałem.

0

Źle! Ma być tak:<body style="background: url(obrazek.jpg) fixed no-repeat center;">tylko, że w tym wypadku musisz mieć tło o rozmiarze 1600x1200,
jest to dobre rozwiązanie, widziałem pare stron z takim tłem i prezentują się nieźle

0

tylko, że w tym wypadku musisz mieć tło o rozmiarze 1600x1200

A dlaczego akurat 1600x1200? Marooned wejdzie na taką stronę i zobaczy powtarzające się tło.

//hehe, no fakt, czasem używam 2048x1536 ;) - M

0

http://dziex.skni.umcs.lublin.pl/temp/knsp/

Tłem jest to szare cuś. Przy okazji jeśli korzystacie z jakichś niestandardowych przeglądarek to powiedzcie mi czy się nie rozwala.

0

A dlaczego akurat 1600x1200? Marooned wejdzie na taką stronę i zobaczy powtarzające się tło.
nie, wejdzie i zobaczy wyśrodkowane, ale niepowtarzające się tło, dlatego można dać<body style="background-color:#KOLOR; background: url(obrazek.jpg) fixed no-repeat center;">i zrobić obrazek tła 800x1600 odpowiednio zgradientowany na ten kolor po lewej i prawej, to nawet u Marooned-a będzie dobrze ;]

1 użytkowników online, w tym zalogowanych: 0, gości: 1