การใส่ Background รูปภาพให้เว็บที่ไม่ได้ฟิกความกว้างของ Layout
Submitted by Blue Rabbit on 25 April, 2007 - 14:52
ผมเห็น Blognone ไม่ได้ฟิกความกว้างส่วน Content กับ Side bar (คงกำหนดเป็น %)
ไม่ทราบทำอย่างไรถึงใช้ Background ที่เป็นรูปภาพมาวางให้พอดีกับความกว้างของเนื้อหาส่วน Side bar ได้ตลอด
ไม่ว่า Browser จะกว้างหรือแคบก็จะพอดี
นี่คือ CSS ของ Blognone
>
#content_wrapper {
background: transparent url(images/bg_content.png) repeat-y 75% 0;
}
</blockcode >
รบกวนช่วยแนะนำเทคนิคหน่อยนะครับ»
ย้าย Codenone
ประกาศย้าย Codenone ไปใช้ Forum ของ Blognone แทนครับ ตามไปตั้งกระทู้ต่อได้ที่ Codenone Forum (รายละเอียดอ่านจากกระทู้ ย้าย Codenone ไปรวมกับ Blognone)
กระทู้เก่าๆ จะย้ายตามไปในภายหลัง ตอนนี้ปิดการโพสต์กระทู้ไว้ เหลือไว้เฉพาะอ้างอิงเท่านั้น
สร้าง bg_content.png ให้มีขนาด 15x2000 พิกเซล
โดยให้ส่วนสีขาวกว้าง 1500 และส่วนสีเทากว้าง 500
เมื่อเขียน css ตามแบบดังกล่าว การเลื่อนของภาพก็ดูเหมือนเกาะไปกับเนื้อหา
จริง ๆ แล้ว ส่วนนี้เป็นเพียงพื้นหลัง ซึ่งการใช้ css เป็นคนละส่วนกับ content และ sidebar-left ซึ่งอยู่ด้านหน้าครับ
ลองหดความกว้างของบราวเซอร์ให้ต่ำกว่า 400 พิกเซล จะเห็นการเหลื่อมกันอย่างชัดเจน
เทคนิกนี้ทำให้การแสดงผลช้าลงมาก ๆ ไม่ควรใช้เกินหนึ่งจุดครับ
ผมก็จำไม่ได้แล้วว่าทำอะไรไปบ้าง (ความจำสั้น) ธีมอันปัจจุบันมีคนช่วยทำหลายคน (ขอบคุณไว้ ณ ที่นี้) งั้นขอใช้คำตอบคุณ wd ละกันครับ