ورود

View Full Version : قرار گرفتن div درست در مرکز صفحه نمایش


sm2amsm2am
پنج شنبه 17 بهمن 1392, 17:04 عصر
سلام...
چجوری میشه یه div درست در مرکز صفحه قرار بگیره؟؟؟
چند بار گشتم ولی همه جا نوشته بودن که مثلا از <center> و ... استفاده کنین...
اما من منظورم اینه که div در مرکز صفحه نمایش و مرورگر باشه ...
یعنی فاصله اش تا بالا و تا پایین صفحه نمایش و تا چپ و تا راست صفحه نمایش مساوی باشه...
البته طوری باشه که باتغییر کردن مرورگر ، خراب نشه...
امیدوارم دوستان متوجه شده باشند...
باتشکر
ateryad
پنج شنبه 17 بهمن 1392, 17:32 عصر
با سلام


margin: 0 auto

رو درون فایل CSS خودتون استفاده کنید.
sm2amsm2am
پنج شنبه 17 بهمن 1392, 17:49 عصر
با سلام


margin: 0 auto

رو درون فایل CSS خودتون استفاده کنید.
باتشکر ولی کار نکرد.........چیکار کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
Mr3alaH
پنج شنبه 17 بهمن 1392, 18:16 عصر
با سلام دوست عزیز از این روش استفاده کن !
برای اون Div یه Div بزرگتر بساز و بهش خصوصیت Center رو اضافه کن !

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.Small{
width: 500px;
height: 700px;
background-color: #F00;
}
</style>
</head>
<body>
<div class="Big" align="center">
<div class="Small"></div>
</div>
</body>
</html>در ضمن این راه از همه ی راه ها مطمئن تره و تو همه ی مرورگر ها جواب میده ... موفق باشی !
Omid Jackson
پنج شنبه 17 بهمن 1392, 21:49 عصر
با این روش یه حالت خلا ایجاد میشه و دقیقا در مرکز قرار میگیره
http://jsfiddle.net/OmidJackson/sJUS7/
ateryad
جمعه 18 بهمن 1392, 10:03 صبح
باتشکر ولی کار نکرد.........چیکار کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

اون خاصیت رو که گفتم در کلاس یا div مورد نظر خودتون باید استفاده کنید.
میبخشید کمی منظورم رو بد گفتم.
refugee
جمعه 18 بهمن 1392, 14:54 عصر
سلام ؛

باید از مارجین استفاده کنید :



margin:0px auto;


با این کار شما مثلا کانتاینر رو به مرکز صفحه هدایت میکنید . ولی در ظاهر کار نمیکنه :لبخند: چرا ؟ چون هیچ عرضی بهش ندادیم .

حالا اینو بنویسید کار میکنه :



margin:0px auto;
width:980px;
background: #333;


* رنگ پس زمینه background: #333 فقط برای نمایش است و بس .