หน้าเว็บไม่อยู่ตรงกลางอ่ะครับ

nos399

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

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

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

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

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

ขอบคุณครับ

cakez

เวบอารายเอ่ย

ลุงหมี

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

palmzaman

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

โค้ด เลือก


<style>
table {
    margin: 0 auto;
}
</style>

หรือ

โค้ด เลือก


<table style="margin: 0 auto;" width="960">

nos399

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

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

nos399

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

ไม่รู้จะแก้ไงดี

BrainFreeze

อ้างถึงจาก: palmzaman ใน 12 กุมภาพันธ์ 2012, 15:15:27
ลองใส่ stylesheet ให้ table ดูครับ

โค้ด เลือก ขยาย
<style> table { margin: 0 auto; } </style>

หรือ

โค้ด เลือก ขยาย
<table style="margin: 0 auto;" width="960">

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

LoadRang

ลองใส่ <center> ต่อจาก <body> แล้วก็ </center></body> ลองดูนะครับ

GoogleBot

ลอง

<body style="margin:auto;">

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

nos399

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

GoogleBot

อ้างถึงจาก: nos399 ใน 12 กุมภาพันธ์ 2012, 16:22:44
เนื้อหาที่มันตามกึ่งกลางจะเป็นเฉพาะ IE นะครับ นอกนั้นไม่เป็น

nos399

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

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

ขอบคุณครับ

sadaowan

CSS

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

<body>

<div id="container">

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

</div>

</body>

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

ป็อปซ่าส์ มหาชน คนทำเว็บ อีสานไกด์ ดอทคอม http://www.esanguide.com

Bizdox

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

อาจจะ

html

โค้ด เลือก


<div id="container">
Content
</div>

css

โค้ด เลือก


#container {
width:960px;
margin:0 auto;
}

ครับ