ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingหน้าเว็บไม่อยู่ตรงกลางอ่ะครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: หน้าเว็บไม่อยู่ตรงกลางอ่ะครับ  (อ่าน 2314 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
nos399
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« เมื่อ: 12 กุมภาพันธ์ 2012, 14:59:52 »

เปิดกับ IE อยู่ตรงกลาง

แต่พอมาเปิดกับ Firefox และ Chrome โอ้.. บ๊ระเจ้า มันจัดซิดซ้ายเฉยเลย

ผมสั่งประมาณนี้

<body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

ทำไงดีครับแบบนี้

ขอบคุณครับ
บันทึกการเข้า
cakez
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 133



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 12 กุมภาพันธ์ 2012, 15:04:20 »

เวบอารายเอ่ย
บันทึกการเข้า

ลุงหมี
คนรักเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 125



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 12 กุมภาพันธ์ 2012, 15:09:00 »

ลอง <table width="960px" ...
จริงๆแล้วน่าจะใช้ Div ดีกว่านะครับ เพราะโมเดินเบราเซอร์มันจะให้ความสำคัญของคำสั่งไปที่ css มากกว่า attribute ครับ
บันทึกการเข้า

palmzaman
Newbie
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 62



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 12 กุมภาพันธ์ 2012, 15:15:27 »

ลองใส่ stylesheet ให้ table ดูครับ

โค๊ด:
<style>
table {
    margin: 0 auto;
}
</style>

หรือ

โค๊ด:
<table style="margin: 0 auto;" width="960">

 Tongue
« แก้ไขครั้งสุดท้าย: 12 กุมภาพันธ์ 2012, 15:16:50 โดย palmzaman » บันทึกการเข้า
nos399
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« ตอบ #4 เมื่อ: 12 กุมภาพันธ์ 2012, 15:31:49 »

ขอบคุณครับ ได้แล้วครับ คือในอากู๋ มีคนแนะนำให้ใช้ <div align="center"></div> โดยคั่นหัวท้ายส่วนของ body เอาไว้ครับ

สรุปว่าตอนนี้เว็บมันอยู่ตรงกลางแล้ว พวกเว็บบราวเซอร์สมัยนี้เข้าใจยากจริงๆ
บันทึกการเข้า
nos399
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« ตอบ #5 เมื่อ: 12 กุมภาพันธ์ 2012, 15:55:27 »

ใช้ DIV แต่ปัญหาก็เกิดขึ้นจนได้ครับ คือ เนื้อหาที่จัดชิดซ้ายมันตามไปอยู่กึ่งกลางหมดเลย

ไม่รู้จะแก้ไงดี
บันทึกการเข้า
BrainFreeze
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 498
ออฟไลน์ ออฟไลน์

กระทู้: 3,887



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 12 กุมภาพันธ์ 2012, 15:56:36 »

ลองใส่ stylesheet ให้ table ดูครับ

โค๊ด:
<style>
table {
    margin: 0 auto;
}
</style>

หรือ

โค๊ด:
<table style="margin: 0 auto;" width="960">

 Tongue


ตามท่านนี้บอก ได้ชัวร์
บันทึกการเข้า

# จัดไป Promo Code ลด 11% : THAISEOBOARD
# hostatom.com |โฮสอะตอม - เว็บโฮสติ้งที่ Webmaster มืออาชีพไว้วางใจ
# Web Hosting | Cloud VPS | Reseller Hosting | Domain Name
# บริการ 24x7 | รับประกันความพอใจยินดีคืนเงิน | Uptime 99.9% | โทร : 0-2107-3466
LoadRang
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 2,253



ดูรายละเอียด
« ตอบ #7 เมื่อ: 12 กุมภาพันธ์ 2012, 15:57:01 »

ลองใส่ <center> ต่อจาก <body> แล้วก็ </center></body> ลองดูนะครับ
บันทึกการเข้า
GoogleBot
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 346
ออฟไลน์ ออฟไลน์

กระทู้: 6,993



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 12 กุมภาพันธ์ 2012, 15:57:53 »

ลอง

<body style="margin:auto;">

ถ้ากึ่งกลางแล้ว ข้อความกึ่งกลางด้วย ให้แก้ที่ table ครับ
บันทึกการเข้า

เปิดซิงตลาดใหม่ prosperent.com คล้าย Viglink

รับซื้อ PayPal รับเยอะ สอบถามเรทล่าสุดได้ PM มาได้เลยตรับ

nos399
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« ตอบ #9 เมื่อ: 12 กุมภาพันธ์ 2012, 16:22:44 »

เนื้อหาที่มันตามกึ่งกลางจะเป็นเฉพาะ IE นะครับ นอกนั้นไม่เป็น
บันทึกการเข้า
GoogleBot
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 346
ออฟไลน์ ออฟไลน์

กระทู้: 6,993



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 12 กุมภาพันธ์ 2012, 16:24:26 »

เนื้อหาที่มันตามกึ่งกลางจะเป็นเฉพาะ IE นะครับ นอกนั้นไม่เป็น

<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

เปลี่ยนเป็น
<table width="960" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
บันทึกการเข้า

เปิดซิงตลาดใหม่ prosperent.com คล้าย Viglink

รับซื้อ PayPal รับเยอะ สอบถามเรทล่าสุดได้ PM มาได้เลยตรับ

nos399
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« ตอบ #11 เมื่อ: 12 กุมภาพันธ์ 2012, 16:26:47 »

ไดแล้วครับ ของคุณ palmzaman ของจริงครับ

ขอบคุณ คุณ HackFreeze และท่านอื่นๆ ด้วยครับ

ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 12 กุมภาพันธ์ 2012, 16:27:40 โดย nos399 » บันทึกการเข้า
sadaowan
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 39



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 22 กุมภาพันธ์ 2012, 11:28:13 »

 CSS

#container { margin-left: auto; margin-right:auto}


<body>

<div id="container">


ใส่อะไรก้อใส่ไป ตาราง รูป


</div>

</body>


เคยทำแบบนี้ ที่เว็บอีสานไกด์ ดอทคอม  ลองแนะนำเพื่อนสนใจ

ป็อปซ่าส์ มหาชน คนทำเว็บ  อีสานไกด์ ดอทคอม http://www.esanguide.com
« แก้ไขครั้งสุดท้าย: 22 กุมภาพันธ์ 2012, 11:30:22 โดย sadaowan » บันทึกการเข้า
Bizdox
Newbie
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 67



ดูรายละเอียด
« ตอบ #13 เมื่อ: 22 กุมภาพันธ์ 2012, 11:35:47 »

ปกติแล้ว align center มันจะมีผลกับคอนเทนท์ข้างในมากกว่านะครับ
ถ้าจะทำให้ Box อยู่กลาง คงต้องใช้ Margin Auto เหมือนที่หลายๆท่านบอกครับ

อาจจะ

html
โค๊ด:
<div id="container">
Content
</div>

css
โค๊ด:
#container {
width:960px;
margin:0 auto;
}

ครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์