วิธี 1 : ใช้ addons ของ firefox เช็ค ลง plugins 2 ตัวนี้ใน firefox อะคับ
fire bug
https://addons.mozilla.org/en-US/firefox/addon/1843 
เวลาเปิดดูหน้าเว็บใน FF ตรงมุมขวาล่าง จะมีไอคอนบอกว่า html/css เรามี error กี่จุด ดับเบิ้ลคลิกขึ้นมามันจะบอกด้วยว่าผิดตรงโค้ดไหนบรรทัดที่เท่าไหร่
html validator
https://addons.mozilla.org/en-US/firefox/addon/249 
เวลาเปิดเว็บมา คลิกขวา.. Inspect Element(ตรวจสอบองค์ประกอบ)เอาเม้าส์ไปชี้ตรงที่ layout ผิดปกติจะมีโค้ดให้ดูเลยว่า ที่เว็บหน้าตาแบบนี้เกิดจากโค้ด html/css ไฟล์ไหนบรรทัดที่เท่าไหร่บ้าง
วิธี 2 : google chrome
อันนี้ไม่ต้องลง plugins เหมือน firebug คลิกขวา.. Inspect Elementได้เลย
วิธี 3 :
http://validator.w3.org/
เอาลิ้งค์เว็บเราไปกรอกในฟอร์มแล้วกด check หรือ เซฟหน้าเว็ปเราเป็น html แล้วเลือก "validate by fileupload" อัพไฟล์ไปเช็ค
จะมี error ให้ดูไล่แก้จนกว่าจะเป็นผ่านหมด "This document was successfully checked as...blabla"
ข้อแนะนำคับ..
- ถ้าใช้ Dream weaver อย่าเชื่อ layout ที่เห็นในดรีม มันแค่ร่างหยาบๆ preview ใน browser จริงเท่านั้น
- สถิติคนเข้าเว็บผม คนไทยยังใช้ IE6 อยู่ 70% แต่กำลังลดลงเรื่อยๆ
- ถึงจะเขียนโค้ดผิดๆ ไปบ้าง แต่เว็บก็ยังดูสวยได้
- ถึงจะ validate ผ่าน 100% ไม่ได้แปลว่าเว็บจะดูดี (แต่คนดีไซน์ดี เขียนโค้ดไม่มี error ค่าตัวมันแพงนะ :'( )
ไปโหลด template ฟรีที่มีคำว่า "valid CSS" + "valid HTML" >>

แล้วเอามาแก้เป็นของตัวเอง