PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

รบกวนช่วยดู 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 IP: 124.122.232.xxx วันที่: 17-07-2010 เวลา: 16:28:37

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 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 IP: 124.121.147.xxx วันที่: 18-07-2010 เวลา: 17:49:14
 ความคิดเห็นที่ 1
ลองใส่ 
<div style="clear:both;"></div>
ใต้ img ของรูปใหญ่ดู 

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


โดย:  Ninenik IP: 124.120.21.xxx วันที่: 17-07-2010