2012-03-10 40 views
9

Tôi đang cố gắng đặt màu nền của trang tại yumdom.com thành màu vàng.cách đặt màu nền của toàn bộ trang trong css

Tôi đã thử những điều sau đây và nó không thành công:

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.*/ 

Cũng lưu ý rằng nếu trong các công cụ phát triển trong Chrome tôi làm nổi bật hoặc là một trong những yếu tố html ở trên, tôi chỉ nhận được một phần nào đó của trang nổi bật . Chân trang và phần bên dưới nội dung vẫn chưa được đánh dấu.

Tôi muốn màu vàng lấp đầy toàn bộ không gian giữa đầu trang và chân trang và không để trống khoảng trắng.

Lưu ý rằng chúng tôi đang sử dụng mẫu CSS YUI Đặt lại, phông chữ và lưới CSS V 2.8.0r4

Rất cám ơn!

Trả lời

2

Tôi đã viết lên câu trả lời cho điều này, nhưng nó dường như đã bị xóa. Vấn đề là YUI đã thêm màu nền: trắng thành phần tử html. Tôi đã viết điều đó và mọi thứ đều dễ dàng xử lý từ đó.

4

Vấn đề là nội dung của trang không thực sự hiển thị. Các DIV có chiều rộng 100% và có màu nền tự ghi đè lên CSS cơ thể.

Để khắc phục đất của người không có người, điều này có thể hiệu quả. Nó không thanh lịch, nhưng hoạt động.

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

Cảm ơn! vấn đề là có kết cục là không có đất của người đàn ông này, khu vực bên dưới nội dung tất cả các cách để trên cùng của footer, mà không thuộc về và không thể được tô màu bằng cách sử dụng bất kỳ divs. – rostam

+0

Xem điều đó có phù hợp với bạn hay không. –

+0

Cảm ơn! Nhưng việc sửa chiều cao tạo ra một thanh cuộn. Chúng tôi đã đi đến độ dài lớn để đảm bảo thanh cuộn không bao giờ xuất hiện. – rostam

0

Trông với tôi như bạn cần phải thiết lập các yellow trên #doc3 và sau đó thoát khỏi white đó được gọi là hiện trên #yui-main (được che đậy màu sắc của #doc3). Điều này giúp bạn có màu vàng giữa đầu trang và chân trang.

3

Tôi đã kiểm tra mã nguồn của bạn và tìm cách thay đổi thành màu vàng, bạn cần thêm màu nền vàng thành: # đệm trái, # đệm phải, html, #hd, #main và # yui-main.

Hy vọng đó là những gì bạn muốn. Xem ya

enter image description here

1

Kích thước của cơ thể là động, nó chỉ lớn bằng kích thước nội dung của nó. Trong tệp css bạn có thể sử dụng: * {background-color: black} // Tất cả các phần tử hiện có nền đen.

hoặc

// Trang bây giờ có nền đen, tất cả các thành phần vẫn giữ nguyên.

5

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

Các vấn đề liên quan