Forum PHP.pl > [xhtml] podwójne tło

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

1010

20.06.2007, 19:02:02

Witam... Mam takie oto tło: http://img128.imageshack.us/img128/4797/wersja1kopiagy4.png

I mam dwa png. Pierwszy zawiera kawałek czarnego tła, drugi natomiast kawałek żółtego tła. Jak takowe tło osadzić na stronie, aby bylo równo po 50% każdego, biorąc pod uwagę że każdy użytkownik może mieć ustawioną różną rozdzielczość?

revyag

20.06.2007, 22:09:08

Najprościej to zrób baaardzo długi obrazek np. 3000x1, połowę zrób czerwoną, połowę żółtą i daj to jako tło

Kod

body {
    background-image:url("bg.gif");
    background-repeat:repeat-y;
    background-position:center center;
}

1010

21.06.2007, 22:28:40

Dzięki bardzo...

babejsza

24.06.2007, 08:04:10

No troszkę na siłę takie rozwiązanie. Bez grafik można to zrobić w ten sposób:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="pl">
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<style type="text/css">
		body {padding: 0; margin: 0; color: #FFF}
 
		#conteiner {width: 770px; border: 1px solid #FFF; margin: 0 auto; position: relative; z-index: 2; height: 3000px}
 
		#left {position: fixed; width: 50%; height:100%; background: black; left: 0; top: 0}
		#right {position: fixed; width: 50%; height:100%; background: #F4E428; left: 50%; top: 0}
		</style>
	</head>
 
	<body>
		<div id="conteiner"></div>
		<div id="left"></div>
		<div id="right"></div>
	</body>
 
</html>
[HTML] pobierz, plaintext

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.