Center DIV on the Top, Left, Right, Bottom in all resolations

[golnouri]

دوستان من با این کد، DIV اصلی سایتم و از همه ی جهات با رزولیشنهای گوناگون در وسط صفحه قرار دادم.

.divAlign
{
width: 650px;
height: 450px;
top: 50%;
left: 50%;
position: absolute;
margin: -225px 0 0 -325px;
border:1px solid #069;
background-color:#FFF;
}


حالا می خواهم 80px به طول و ارتفاع اضافه کنم و همون ویژگی رو داشته باشم.
با تشکر.

[alismith]

سلام

خوب اینکه مشکل نداره می تونید 40px هم به margin اضافه کنید هم left وهم top


موفق باشید

[colors]

درود

فکر کنم اینجارو بببینی مفید باشه (اینجا کلیک کن (http://barnamenevis.org/showthread.php?281737-%D9%82%D8%B1%D8%A7%D8%B1-%DA%AF%D8%B1%D9%81%D8%AA%D9%86-div-%D8%A7%D8%B5%D9%84%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%AF%D8%B1-%D9%88%D8%B3%D8%B7-%D8%B5%D9%81%D8%AD%D9%87&p=1243037&viewfull=1#post1243037) )

[golnouri]

چرا اینقدر می پیچونید سوال و!!!
همین کدی که دادم می تونید 80PX به طول و ارتفاعش اضافه کنید که همون حالت وسط بودن خودش و حفظ کنه. لطفا کد و بذارید.

[iman.developer]

برای وسط قرار دادن تگ div بهتره از کد زیر استفاده کنید و عرض و ارتفاع را هم می توانید با عوض کردن مشخصه های width و height تغییر دهید :
.divalign { margin-left: auto ; margin-right: auto ; margin-top: auto ; margin-bottom: auto ; width:730 ; height:530 }

[alismith]

سلام


.divAlign
{
width: 730px;
height: 530px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -365px;
margin-top: -265px;
border:1px solid #069;
background-color:#FFF;
}


موفق باشید