รบกวนช่วยดู CSS ให้ผมหน่อยครับ มันไม่ยอมขยายตามเนื้อหา

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รบกวนช่วยดู CSS ให้ผมหน่อยครับ มันไม่ยอมขยายตามเนื้อหา

รบกวนช่วยดู CSS ให้ผมหน่อยครับ มันไม่ยอมขยายตามเนื้อหา

 

ตรงที่ผมทำเป็นสี แดงๆไว้ข้างบนอ่ะครับ ตรงนั้นเป็น bg เพื่อที่จะให้ขยายตามเนื้อหาครับ แต่มันไม่ยอมขยายครับไม่รู้ว่าผมใช้คำสั่งถูกหรือเปล่าครับ

นี้ครับคำสั่งที่ผมเขียนไว้

#boxwebcenter {

background-image: url(../image/icon/shopping_02.gif);

background-repeat: repeat-y;

}

#Layer1 {

position:absolute;

left:52px;

top:38px;

width:900px;

height:252px;

z-index:1;

}

#Layer2 {

position:absolute;

left:0px;

top:352px;

width:1000px;

height:32px;

z-index:1;

background-image: url(../image/icon/bg-menu.gif);

background-repeat: repeat-x;

}

#Layer3 {

position:absolute;

left:4px;

top:395px;

width:200px;

height:500px;

z-index:1;

background-repeat: repeat-x;

}

#Layer4 {

position:absolute;

left:215px;

top:396px;

width:780px;

height:500px;

z-index:1;

background-repeat: repeat-x;

}

ตอนเรียกใช้ครับ

<div id='boxwebcenter'>

<div id='Layer1'>อันนี้ตรงที่แสดงรูปภาพใหญ่ๆครับ</div>
<div id='Layer2'>อันนี้แสดงตรง Menu ครับ</div>
<div id='Layer3'>อันนี้แสดงที่เมนูทางด้านซ้ายมือครับ</div>
<div id='Layer4'>อันนี้แสดงเนื้อหาตรงกลางครับ</div>

</div>

รบกวนช่วยดูให้หน่อยนะครับ



Cpuhost 124.122.232.xxx 17-07-2010 16:28:37

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ลองใส่ 
<div style="clear:both;"></div>
ใต้ img ของรูปใหญ่ดู 

หมายถึง
<div id='Layer1'>
<img src="รูปใหญ่"/>
<div style="clear:both;"></div>
</div>


ninenik 124.120.21.xxx 17-07-2010
 ความคิดเห็นที่ 2

 ไม่ได้ครับ ผมว่าจะลองหัดทำออกแบบเว็บไซต์ด้วย Laout css ซะหน่อย ดันมาเจอปัญหาแบบนี้อีกแย้ว ก็เลยกับมาใช้แบบ ตารางเหมือนเดิมเร็วดีครับ

ทำไมมันใช้ไม่ได้อ่ะครับ เห็นเพื่อนบอกว่า คำสั่ง position:absolute; มันไม่ได้อ่านความสูงให้เราผมก็เลย งง

<div id='boxwebcenter'>

<div id='Layer1'>อันนี้ตรงที่แสดงรูปภาพใหญ่ๆครับ</div>
<div id='Layer2'>อันนี้แสดงตรง Menuใต้รูปใหญ่ ครับ</div>
<div id='Layer3'>อันนี้แสดงที่เมนูทางด้านซ้ายมือครับ</div>
<div id='Layer4'>อันนี้แสดงเนื้อหาตรงกลางครับ</div>

</div> 



cpuhost 124.121.147.xxx 18-07-2010 17:49






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ