ไม่ทราบว่าได้คำตอบหรือยังครับ...
ต้องออกตัวก่อนเลยว่าผมยังไม่ได้ลองทดสอบให้นะครับ แต่ว่าคิดว่าน่าจะใช้ได้
HTML...
<div class="container">
<div class="sideleft"></div>
<div class="sideright"></div>
</div
CSS...
container {
width:1000px;
height:auto;
}
sideleft {
bg-color:red;
width:25%;
height:100%;
}
sideright {
bg-color:black;
width:75%;
height:100%;
}
จากตรงนี้น่าจะใช้ได้ครับ เพราะว่ากำหนดให้ container คลุมทั้ง sideleft และ sideright
และกำหนดขนาดความสูงเป็น auto คือ ยาวได้เรื่อยๆ ดังนั้นเดี๋ยวมันจะยืดตามเนื้อหาข้างในเอง
ส่วน sideleft กับ sideright นั้นจะยาวเท่ากันได้ เนื่องจากกำหนดให้ยาว 100% ทั้งคู่ ไม่ว่าอันใดยาว อีกอันก็จะยาวตามครับ
เช่น ใส่เนื้อหาใน sideleft ไปเยอะมาก ยาวลงมามาก ทางด้าน sideright ก็จะยาวตาม เพราะว่ามันยาว 100% ครับ
สงสัยยังไงก็
[email protected] ครับ ถ้าจะเอาเบอร์ติดต่อผมก็ขอมาทางเมล์ได้นะครับ
ปล.ยังไม่ได้ลองให้นะครับ แต่น่าจะได้ หรือถ้าไม่ได้ยังไงก็ลองปรับแต่งดูครับ
พัฒนาเว็บไซต์
