<html> <head><title></title></head> <body> <div id="mainpage"> ทดสอบตรงกลาง </div> </body> </html>
<div style="position: absolute; top: 50%; left: 50%; height: 100px; margin-top: -50px; width: 250px; margin-left: -125px; background-color:#003366">111</div>
<html> <head> <script> function centerObj() { var height = 200; var width = 400; height = height/2; height = String("-" + height + "px"); width = width/2; width = String("-" + width + "px"); var container = document.getElementById('MyDiv'); container.style.marginTop; container.style.position="absolute"; container.style.top = "50%"; container.style.left="50%"; container.style.marginTop=height;/* half elements height*/ container.style.marginLeft=width;/* half elements width*/ } </script> </head> <body onload="centerObj()"> <div id="MyDiv" style="width: 400px; height:200px; background-color:#003366"> gfdfdfdfdfdf </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง