2012-03-10 21 views
9

Sayfanın arka plan rengini yumdom.com numaralı sayfada ayarlamaya çalışıyorum.sayfanın arka plan rengini css olarak ayarlama

Aşağıdaki denedim ve başarısız:

body{ background-color: yellow;} /*only a sliver under the header turns yellow.*/ 

#doc3{ background-color: yellow;} /*result same as above*/ 

#bd { background-color: yellow;} /*result same as above*/ 

#yui-main { background-color: yellow;} /*a rectangle turns yellow ending at where the content ends. I want this rectangle to extend all the way to the footer.*/ 

Ayrıca Chrome'da geliştirici araçları yukarıdaki html elemanlarının ikisini de vurgulamak, ben vurgulanan sayfanın yalnızca belli bir kısmını almak unutmayın . Altbilgi ve içeriğin altındaki bölüm vurgulanmamış olarak kalır.

Sarı, üstbilgi ve altbilgi arasındaki boşluğun tamamını doldurmasını ve beyaz boşluk bırakmasını istemiyorum. Biz YUI Sıfırlama yazı tipleri kullanıyorsanız ve Izgaralar CSS

çok teşekkür ederiz V 2.8.0r4

şablonları

Not!

cevap

2

Zaten bunun cevabını yazdı görün ama silinmiş gibi görünüyor. Sorun, YUI arka plan rengi ekledi: html öğesine beyaz. Ben bunu yazdım ve her şey oradan işlemek kolaydı.

4

Sorun, sayfanın gövdesinin aslında görünmemesidir. Altındaki DIV'ler% 100 genişliğe sahiptir ve gövde CSS'sini geçersiz kılan arka plan renklerine sahiptir.

Arazi alanını düzeltmek için bu işe yarayabilir. Zarif değil, ama işe yarıyor. Eğer (#doc3 rengini örtbas edildiği) #yui-main üzerinde denir white kurtulmak ardından #doc3 üzerinde yellow kurmak ve gerek gibi

#doc3 { 
    margin: auto 10px; 
    width: auto; 
    height: 2000px; 
    background-color: yellow; 
} 
+0

teşekkürler! mesele şu ki, bu hiç bir insanın toprağı olmadığına, içeriğin alt kısmına, altbilginin tepesine kadar uzanan, bu divların herhangi biriyle renklendirilemeyen ve renklendirilemeyen bir şeydir. – rostam

+0

Bunun sizin için uygun olup olmadığını görün. –

+0

Teşekkürler! Ancak, yüksekliğin sabitlenmesi, kaydırma çubuğunun oluşturulmasına neden olur. Kaydırma çubuğunun hiç görünmediğinden emin olmak için büyük uzunluklara gittik. – rostam

0

bana görünüyor. Bu, sizi başlık ve altbilgi arasında sarı alır.

3

Kaynak kodunuzu kontrol ettim ve sarı arka plan rengini eklemeniz gereken sarı renkle değiştirmeyi buldum: # left-padding, # right-padding, html, #hd, #main ve # yui-main.

İstediğin şey budur. ya

enter image description here

1

Vücudun boyutu dinamiktir, yalnızca içeriğinin büyüklüğü kadardır. Css dosyasında şunları kullanabilirsiniz: * {background-color: black} // Artık tüm öğelerin siyah bir arka planı var.

veya

html {background-color: black} // sayfa

şimdi siyah bir arka plana sahip, bütün elementlerin aynı kalır.

5

<html> 
 
    <head> 
 
    <title> 
 
     webpage 
 
     </title> 
 
</head> 
 
    <body style="background-color:blue;text-align:center"> 
 
    welcome to my page 
 
    </body> 
 
    </html>

İlgili konular