อยากสอบถามครับ พอดีผมเอา prestashop มาทำเว็บนี้
www.maple-cosmetics.com ผมอยากให้ background มันพอดีครับ ตอนนี้สังเกตุดูมันเยื้องๆ ไปทางขวา เพราะ ผมปู background แล้ว ใส่สีขาวลงไปใน div ก้อนหลัก ผมว่ามันเป็นวิธีที่ผิด
ช่วยแนะนำด้วยครับ
คงหมายถึงในหน้า hxxp://www.maple-cosmetics.com/testsite/ ใช่มัยครับ ที่มี Layer ทางด้านขวากว้างไม่เท่ากับทางซ้าย ถ้าใช่ ตรงนี้เกิดจากการกำหนดความกว้างของ css ในส่วน center_column น้อยไปครับ ลองดูจากไฟล์ css ตามนะครับ หาส่วนนี้
[size=8pt#left_column {
clear:center;
width:190px;
padding-right: 15px;
}
#center_column {
width: 556px;
margin: 0 0 30px 0;
}
#right_column {
width: 190px;
padding-left: 15px;
}[/size]
ความกว้างของ Layer ตรงกลาง css #page กำหนดความกว้างไว้ 980px ดังนั้น
left_column กว้าง 190px+padding-right: 15px = 205px
*right_column กว้าง 190px+padding-left: 15px = 205px
*left_column+right_column = 410px
ดังนั้น center_column จึงควรกว้าง = (980px-410px)-2 = 568px
*** การบวก ลบ ความกว้าง ถ้ามี padding-left หรือ right ต้องคำนวนเข้าไปด้วย
** ที่จำเป็นต้องลบด้วย 2 เพิ่ม เพราะ Layer center_column จะมีการดันกันของ Layer ทั้งซ้ายและขวาด้านละ 1px หากไม่นำเข้าไปคำนวนด้วย Layer right_column จะตกไปอยู่ด้านล่างทันที
พอดีก่อนหน้านี้ผมลองดูที่ View source ก่อนครับ เลยเจอปัญหาเพิ่ม มีการปิด Tag ไม่ถูกต้องอยู่ครับ ทำให้ Layout ผิดเพี้ยนไป ให้ไปแก้ไขที่ไฟล์ .tpl ของ module 2 ตัวครับ ดังนี้
- MODULE jcarousel
- blockvariouslinks
Module ทั้งสองตัวนี้จะไม่มีการปิด Tag ul ทำให้ Layer ผิดครับ ถึงในหน้าแสดงผล อาจจะไม่เห็นความผิดพลาด แต่หากอนาคตมีการเพิ่มการทำงานส่วนอื่นเข้ามาอีก อาจมีปัญหาในการแสดงผลได้ครับ