PDA

View Full Version : چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟



jojo-late
پنج شنبه 07 اردیبهشت 1391, 23:44 عصر
سلام دوستان
من میخوام متنی که میخوام قرار بدم درست وسط یک دیو قرار بگیره
از اینرو اومدم این کد رو نوشتم


.en_nav{
position:absolute;
top:44px;
left:20%;

font-size:1.2em;
color:#FFFFFF;
{
و این کد دیوی است که کلاس قبل درونش قرار میگیره


.circle {
height: 115px;
width: 115px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
position:relative;
left:17.5px;
top:17.5px;
}
به اینصورت در کروم به خوبی نمایش داده میشه ولی در فایرفاکس و اپرا جلوتر یا عقبتر نمایش داده میشه
ضمنن از css reset‌هم استفاده کردم و تاثیر نداشته

Saber Mogaddas
جمعه 08 اردیبهشت 1391, 11:24 صبح
سلام
دقیقترین روش رو با کد جی کوئری می تونید انجام بدید..
به این صورت که طول دیو اصلی رو می گیرید و بعد منهای طول دیو داخلی که می خواهید در وسط صفحه قرار بگیره می کنید و بعد تقسیم بر دو می کنید و به اندازه عدد بدست اومده به دیو داخلی margin-top میدید .. با این کار دیو شما از نظر عمودی در وسط قرار می گیره..برای اینکه از لحاظ افقی هم در وسط قرار بگیره کافی در استایل اون دیو margin:auto بکار ببرید..در این مقاله من این کارو کردم ولی برای اینکه دیو داخل مرورگر در وسط قرار بگیره (http://www.pars-click.com/ArticleDetail.aspx?id=33)..برای اینکه داخل یه دیو در وسط قرار بدید کافی تغییر کوچک در همین دستو بدید و بجای گرفتن طول مرورگر طول دیو رو می گیرید..
موفق باشی..

jojo-late
جمعه 08 اردیبهشت 1391, 11:40 صبح
ممنون
باید تستش کنم
ولی نمیخواستم واسه این چیز کوچیک جی کوئری لود کنم
شاید با جاوا اسکریپت نوشتمش
در ضمن یه مشکل هم وجود داره ، داخل این دیو متن قرار میگیره و مشکلم با وسط چین نشدن متن هست نه خود دیو
متن‌ها هم طول و اندازه متفاوتی دارند ، اینجوری باید طول متن وارده رو هم بگیریم و طبق اون متن تنظیم کنم
یکم پیچیدگی داره ولی من دنبال راهی بودم که با سی‌اس‌اس بشه این کار رو کرد
ببینم میتونم با جاوا اسکریپت براش کاری کنم ، هر چند جاوا اسکریپتم خیلی ضعیفه

Saber Mogaddas
جمعه 08 اردیبهشت 1391, 20:30 عصر
سلام
فرقی نداره jquery هم کتابخانه جاوااسکریپت هست..
برای قضیه متن هم شما به دیوی که قرار در وسط صفحه قرار بگیره و متن داخلش هست .. min-height بدید ..
موفق باشی..

jojo-late
جمعه 08 اردیبهشت 1391, 21:44 عصر
ممنون
مشکلم با غیر جاوااسکریپت بودن جی گوئری نیست! منظورم لود شدن خود جاوااسکریپت هست
همونطور که میدونید برای فایل جی کوئری هم ریکوئست ارسال میشه و باید اون به طور کامل لود بشه و سنگین میشه و من نمیخوام برای یه کار کوچیک اینکار رو انجام بدم ‌و از این بابت میخوام با یه کد کوچیک جاوااسکریپت کارم رو حل کنم ولی هنوز شروع نکردم :دی

ب
رای قضیه متن هم شما به دیوی که قرار در وسط صفحه قرار بگیره و متن داخلش هست .. min-height بدید ..
متن به صورت افقی تنظیم نمیشه ، البته به صورت عمودی هم همینطوره ، پس استفاده از min-height مشکلی حل نمیکنه