CSS เด็ดๆ

http://24ways.org/2006/gravity-defying-page-corners
ใส่เงาให้กับกล่องข้อความด้วย css

http://24ways.org/2006/rounded-corner-boxes-the-css3-way
วิธีทำกล่องข้อความแบบมุมมนที่ง่ายที่สุด! (มองหาลิงก์ตัวอย่างเอาเองนะ)

  สุดยิด

[มังกร]

โอ้วส์.... เพิ่งจะรู้ว่ามันใช้ comma ไปดุ้นๆได้เลย 

เจ๋ง 

เออ สงสัยเหมือนกันว่าไอ้คอมม่าดุ้นๆ นั่นมันมีวิธีใช้ยังไงเหรอ

[มังกร]

โค้ด:

.box {
  background-image: url(top-left.gif), url(top-right.gif), url(bottom-left.gif), url(bottom-right.gif);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, bottom left, bottom right; }

โอ้ว เขิ้วจึยละ




 

เกิดปัญหานี้ครับ
wrapper สูง100% แต่เวลา scoll แล้วไม่สุดจริง
(เกิดเฉพาะ FF  IE ไม่เป็น อ้าว)




เว็บอยู่ที่นี่ครับ www.siamrivercruise.com/barge.html

รบกวนด้วยนะครับ

ดูในเครื่องผมปกตินะครับ (ff 1.5 นะ)

[มังกร]

  ดูในเครื่องผมก็ปกติเหมือนกันครับ FF 2.0.0.3

คงแก้ได้แล้วหน่ะครับ 

ครับ แก้แล้วครับ เหมือนคำว่า 100% จะยืดได้ยาวสุดเท่าจอสามารถเห็นได้โดยไม่ต้อง scoll (คือใช้ได้กับ เนื้อหาที่สั้นกว่าความสูงของจอ )  แต่ถ้าเนื้อหาเกิน จนต้อง scoll ก็ไม่ต้อง 100%

เลยแก้แบบกำปั้นทุบดินเลยครับ div แยกมาเลย 

แต่สงสัยว่าถ้า เนื้อหามันเป็นเหมือน webboard จะยืดมันยังไงถ้ามันเกิน 100% ของจอ

<table> ครับ 

จริงๆ นะ

(ไม่รู้เหมือนกันแฮะ สูตรยืดหน้าแบบในจู๋นี้หน้าแรกก็ใช้ไม่ได้ )

http://www.thaicss.com/main/condition_ie_comment.html
เผื่อใครยังไม่รู้ (เพราะตูก็ไม่รู้)
CSS Hacks แสดงวิธีแก้ปัญหาเมื่อต้องเจอ IE