مشکل در استفاده از margin

[shahab.es]

سلام و خسته نباشید خدمت دوستان عزیزم
یه سوال داشتم
من میخوم تکست ویو هایی که دارم رو وسط یه div بیارم اما هر کاری میکنم نمیشه
ممنون میشم کمکم کنید
این ادرس صفحه اس
portal.ts20.ir
اینم کدای css این تکست ویو ها




.textha{
font-family:caza;


font-size:24px;
color:#333;
background-color:#CCC;
box-shadow:none;


width:300px;


margin : auto;


position:absolute;


text-align:center;
border-style:solid;
border-radius:5px;
}



ممنون از همکاری همیشگیتون دوستان :)

[ravand]

وقتی position:absolute; دادی باید به این شکل وسط چین کنی:


<style type="text/css">
.ggg{
position:absolute;
width:400px;
height:100px;
background-color:green;
margin-left:-200px;
left:50%;
}
</style>
<div class="ggg">
متن
</div>

margin-left باید منفی نصف اندازه ی عرض باشه.

[shahab.es]

سلام برادر
خیلی خیلی ممنونم از راهنماییت
ببین
من میخوام با زوم کردن صفحه، این عناصر، با زوم بزرگ شن
وقتی درصد دادم و محدوده مشخص کردم،اینا بزرگ شدن اما اون دیو اصلی بزرگ نشد و کلا بد میشد
الان من میخوام فقط این عناصر بیان وسط صفحه
اگه برات مقدوره یه بار دیگه ببین این سایت رو و اینکه چه جوری شده وقتی margin-left رو منفی دادم:)
ممنونم
اینم کدهای جدید هست

.textha{
font-family:caza;


font-size:24px;
color:#333;
background-color:#CCC;




width:300px;


margin-left:-150px;


position:absolute;


text-align:center;
border-style:solid;
border-radius:5px;




}

[ravand]

ریسپانسیو کار میکنی؟

[ravand]

ببین این بدردت میخوره؟

<style type="text/css">
.asli{
margin:0 auto;
width:710px;
height:110px;
background-color:red;
}
.ggg{
position:absolute;
width:400px;
height:100px;
background-color:green;
margin-right:auto;
margin-left:auto;
left:25%;
right:25%;
}
</style>
<div class="asli">
<div class="ggg">
متن
</div>
</div>

[shahab.es]

بسیار ممنون از کمکت برادر
خیلی خیلی کارم راه افتاد و جواب هم داد
طراحی ریسپانسیو نیست و معمولیه ، فقط نمیخوام وقتی زوم میشه، صفحه بندی خراب بشه
اگر میتونی و حوصله داری، چند تا منبع طراحی ریسپانسیو برام قرار بده
اگر هم خلاف قوانین انجمن هست ادرس دادن، ممنون میشم برام پیام خصوصی کنی
بازم ممنونم از راهنماییتون :gol: