Comments on: div กับหน้าจอ กว้าง x ยาว เท่าไหร่ก็อยู่กลางหน้า

By: หนึ่ง

หนึ่ง — Sun, 20 Dec 2009 20:20:48 +0000

ขอลองหน่อยนะครับผม

By: jackiller

jackiller — Wed, 17 Sep 2008 14:20:24 +0000

กำหนด width ให้คงที่
width: 980px
margin:0 auto;
ถ้าไม่ตรงกลางนะ เมลล์มาด่าได้เลย

By: ผ่านมาจ้ะ

ผ่านมาจ้ะ — Fri, 08 Aug 2008 03:43:17 +0000

เราเคยลองแบบ คุณ deans4j บอกแล้วมันไม่กลางอ่าค่ะ เราอาจจะลงโค้ดตรงไหนผิดไปก็ได้ >.<

แต่ว่าแบบของคุณ Pipo ใช่ที่ต้องการเลย ขอบคุณมากจริงๆค่ะ ^0^

By: ผ่านมาจ้ะ

ผ่านมาจ้ะ — Fri, 08 Aug 2008 03:39:29 +0000

เย้ ขอบคุณมากเลยค่ะที่เขียนสอนไว้ หามานาน^^

By: bon

bon — Wed, 04 Jun 2008 10:29:00 +0000

หน้าจอแต่ละผู้ใช้ไม่เท่ากันต้องใช้ margin: 0px auto;
กำกำกำ

By: Natz

Natz — Sun, 02 Mar 2008 23:29:43 +0000

ใช้แบบนี้กลางกว่าครับ ไม่ต้องคิดไรด้วย

.center {
float:none;
margin:0 auto;
position:absolute;
}

หรือถ้าไม่กลางจิงๆต้องแบบนี้แน่นอน

.center {
width:300px; /* จำเป็นต้องกำหนดความกว้างให้คงที่ */
position:absolute;
left:50%; /* ด้านซ้ายครึ่งจอ */
margin-left:-150px; /*margin-left ติดลบครึ่งหนึ่งของความกว้าง */
}

By: deans4j

deans4j — Wed, 13 Feb 2008 17:28:44 +0000

ผมแนะนำว่าในกรณีเวบทั่วๆ ไป อย่าไปคิดว่า user จะใช้ความละเอียดหน้าจอเหมือนกันหมดครับ

วิธีเซ็ตให้ block อยู่ตรงกลาง ตั้ง margin: 0px auto; เอาก็ได้ครับ