وقتی بحث DIV و CSS وسط می‌آید، یکی از مهم‌ترین سؤالات این است که چطور می‌توان یک div را با استفاده از css طوری تنظیم کرد که در تمام رزولوشن‌ها در وسط صفحه قرار گیرد؟
خیلی ساده است، شما معمولاً طول div را می‌دانید.
با استفاده از css طوری تنظیم می‌کنید که div از سمت چپ به اندازه 50٪ به وسط صفحه بیاید (که طبیعتاً 50 درصد در تمام رزولوشن‌ها یکی است) و سپس به اندازه نصف طول div به سمت چپ برگردد.
کد نهایی اینطور خواهد شد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Page title</title>
<style type="text/css">
<!--
.centered
{
position:absolute;
width:200px;
left:50%;
margin-left:-100px;
top:0px;
}
//-->
</style>
</head>
<body>
<div class="centered">I'm in the middle</div>
</body>
</html>
اگر به کدها دقت کنید، متوجه می‌شوید که div ما 200 پیکسل طول داشته است، از سمت چپ، 50٪ از رزولوشن را به وسط منتقل شده و منفی 100 پیکسل به چپ برگشته...
نکته: طبیعتاً می‌دانید که شما position را باید روی absolute یا fixed ست کنید در غیراینصورت بقیه کدها عمل نخواهد کرد.
این بهترین روشی است که می‌توان برای انتقال div به وسط صفحه استفاده کرد.
English
العربی
Swedish
François