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

Odpowiedz Nowy wątek
webmajster
2006-11-11 17:40
webmajster
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.

Pozostało 580 znaków

2006-11-11 18:21

Rejestracja: 16 lat temu

Ostatnio: 9 lat temu

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).


Grunt to uziemienie...

Pozostało 580 znaków

2006-11-11 18:52
Moderator

Rejestracja: 17 lat temu

Ostatnio: 1 godzina temu

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.

Pozostało 580 znaków

Webmajster
2006-11-13 17:16
Webmajster
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>

Pozostało 580 znaków

2006-11-13 17:19

Rejestracja: 15 lat temu

Ostatnio: 7 lat temu

0

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


Dwie zasady gwarantujące sukces:
1. Nigdy nie mów nikomu wszystkiego<span style="color: white">

Pozostało 580 znaków

2006-11-16 11:44

Rejestracja: 16 lat temu

Ostatnio: 9 godzin temu

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.

Pozostało 580 znaków

2006-11-16 12:00

Rejestracja: 13 lat temu

Ostatnio: 11 lat temu

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


It's not just about livin' forever Johny.
The trick is livin' with yourself forever.

Pozostało 580 znaków

2006-11-17 23:18

Rejestracja: 16 lat temu

Ostatnio: 9 lat temu

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


Grunt to uziemienie...

Pozostało 580 znaków

2006-11-18 00:18

Rejestracja: 14 lat temu

Ostatnio: 2 miesiące temu

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.


Pozdrawia DzieX

int getRandomNumber() { return 4; }

Pozostało 580 znaków

2006-11-18 00:49

Rejestracja: 13 lat temu

Ostatnio: 11 lat temu

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 ;]


It's not just about livin' forever Johny.
The trick is livin' with yourself forever.

Pozostało 580 znaków

nav
2006-11-18 01:00
nav

Rejestracja: 16 lat temu

Ostatnio: 3 lata temu

Lokalizacja: Warszawa

0

http://www.cssplay.co.uk/layouts/background.html


utf-8 rlz! ٩(ಥ_ಥ)۶

Pozostało 580 znaków

Odpowiedz

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