CSS ile 2 adet arkaplan ?

Merhaba arkadaşlar,

CSS ile hem header hemde footer da arkaplan koymak istiyorum ancak araştırdım bir sonuç bulamadım..Yardımlarınız için şimdiden teşekkürler.

css ile arkaplan koymak için örnek çalışma verim en iyisi.

Html kodu:

<div class="arkaplan">Arka plan alanı.</div>

Css kodu:

.arkaplan{
background-image:url(ornek/ornekbg.png); // arkaplan resim urlsi.
background-repeat:no-repeat; // arkaplan tekrar kodu aldığı değerler = repeat | no-repeat | repeat-x | repeat-y
background-color:#fff; // arkaplan rengi resim dışı alanda gözükür resim yoksa o alan vericeğin renk koduyla dolar.
width:500px; // arkaplanı koyduğun divin genişliği. isteğe göre.
height:400px; // arkaplanı koyduğun divin yüksekliği. isteğe göre.
}

yukarıdaki kod çok geldiyse background kısaltması vardır bunuda kullanabilirsin.
no-repeat dersen arkaplanın yetmediği genişlikteyse tekrar etmez.
repeat dersen arkaplan yetmez ise tekrar eder aynısını.
repeat-x dersen sadece sağa doğru tekrar eder.
repeat-y dersen sadece aşağı doğru tekrar eder.

.arkaplan{background:url(ornek/ornek.png) no-repeat #fff} // gibi.

Not: bunları yazarken mesajından anladığım kadarıyla biraz css bilgin var varsayarak yazdım karışık geldiyse örnek göster isteğine göre bir kod yazıp verim

soruyu tam anlamadım ama sanırım coklu arkaplan ıstıyorsun buda css3 ıle mumkun, google da multi background css3 dıye ararsan baya bı ornek ve kod bulursun

önce body ye arka plan vereceksin. sonra siteni bir div için içine alıp yerleştireceksin. sonra footer'ı ayrı bir div olarak verip arka planını ayrıca belirticeksin. böylece ana arka plan ile footer'ın arka planları farklı olacak.

header ve footer classlarına background-image yaparsan istediğin sonuca varırsın

Merhaba Hocam.

CSS Dosyan ;

#header {background:#ccc}
#footer   {background:#000}

Html ;

<div id="header">
Burası Header
</div>
<div id="footer">
Burası Footer
</div>

umarın anlamışsındır kolay gelsin.

Yardımlarınızdan ve ilginizden dolayı çok teşekkürler..